Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

styles: Delete some unused CSS. 

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2022-06-08 22:54:55 -07:00 committed by Tim Abbott
parent 5bdc4b3562
commit 1e6bc5b36b
16 changed files with 4 additions and 1404 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/styles/app_components.css
View File

@ -64,10 +64,6 @@ kbd {
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1); box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
} }
.bg-white {
background-color: hsl(0, 0%, 100%);
}
.clear-float { .clear-float {
clear: both; clear: both;
} }
@ -153,21 +149,12 @@ input::placeholder {
background-color: hsl(0, 0%, 67%); background-color: hsl(0, 0%, 67%);
} }
&.standalone {
margin-top: 10px;
}
&.small { &.small {
font-size: 0.8rem; font-size: 0.8rem;
min-width: inherit; min-width: inherit;
padding: 6px 10px; padding: 6px 10px;
} }
&.small-flex {
width: auto;
min-width: inherit;
}
&:hover, &:hover,
&:focus { &:focus {
border-color: hsl(0, 0%, 60%); border-color: hsl(0, 0%, 60%);

16
static/styles/compose.css
View File

@ -33,10 +33,6 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
.compose_reply_button_recipient_label {
color: hsl(215, 47%, 30%);
}
} }
} }
@ -67,10 +63,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
.ztable_comp_col1 {
width: 10px;
}
.message_comp { .message_comp {
display: none; display: none;
padding: 5px 10px 0 5px; padding: 5px 10px 0 5px;
@ -550,10 +542,6 @@ input.recipient_box {
} }
} }
.compose_left_wrapper {
margin-right: auto;
}
#stream-message, #stream-message,
#private-message { #private-message {
display: flex; display: flex;
@ -675,10 +663,6 @@ a.compose_control_button.hide {
cursor: ns-resize; cursor: ns-resize;
} }
.inline-subscribe-error {
margin-left: 5px;
}
.preview_message_area { .preview_message_area {
/* minus 5px padding. */ /* minus 5px padding. */
width: calc(100% - 12px); width: calc(100% - 12px);

26
static/styles/dark_theme.css
View File

@ -143,7 +143,6 @@ body.dark-theme {
.column-left .left-sidebar, .column-left .left-sidebar,
.column-right .right-sidebar, .column-right .right-sidebar,
#subscription_overlay .right, #subscription_overlay .right,
#settings_page .form-sidebar,
#settings_page .right { #settings_page .right {
background-color: hsl(212, 28%, 18%); 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 { .compose-send-status-close {
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
opacity: 1; opacity: 1;
@ -177,7 +169,6 @@ body.dark-theme {
} }
.column-left .left-sidebar, .column-left .left-sidebar,
#settings_page .form-sidebar,
.stream_name_search_section, .stream_name_search_section,
.column-right .right-sidebar { .column-right .right-sidebar {
border-color: hsla(0, 0%, 0%, 0.2); 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. */ /* this one is because in the app we have blue and in dark-theme it should be white. */
.popover a { .popover a {
color: inherit; color: inherit;
@ -648,7 +629,6 @@ body.dark-theme {
thead, thead,
.drafts-container .drafts-header, .drafts-container .drafts-header,
.recent_topics_container .recent_topics_header,
.nav > li > a:focus, .nav > li > a:focus,
.nav > li > a:hover, .nav > li > a:hover,
.subscriptions-container .subscriptions-header, .subscriptions-container .subscriptions-header,
@ -656,7 +636,6 @@ body.dark-theme {
.white-box, .white-box,
.stream-email, .stream-email,
#settings_page .settings-header, #settings_page .settings-header,
#settings_page .form-sidebar .title,
#settings_page .sidebar li.active, #settings_page .sidebar li.active,
#settings_page .sidebar-wrapper .tab-container, #settings_page .sidebar-wrapper .tab-container,
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) td,
@ -667,11 +646,6 @@ body.dark-theme {
background-color: hsla(0, 0%, 0%, 0.2); 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 { .table-striped tbody tr:nth-child(odd) td {
background-color: hsl(212, 28%, 18%); background-color: hsl(212, 28%, 18%);
} }

1
static/styles/left_sidebar.css
View File

@ -523,7 +523,6 @@ li.expanded_private_message {
} }
.zero-pm-unreads .pm-box, .zero-pm-unreads .pm-box,
.zero-topic-unreads .more-topics-box,
.zero-topic-unreads .topic-box { .zero-topic-unreads .topic-box {
margin-right: 15px; margin-right: 15px;
} }

47
static/styles/popovers.css
View File

@ -36,25 +36,10 @@
text-align: center; text-align: center;
} }
.popover-left,
.popover-right {
max-width: 200px;
}
.sp-container { .sp-container {
z-index: 106; 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 { .streams_popover {
.topic-name { .topic-name {
text-align: center; text-align: center;
@ -128,38 +113,6 @@ ul {
font-size: 12px; 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 { &.info_popover_actions i.fa-edit {

10
static/styles/portico/activity.css
View File

@ -18,16 +18,6 @@
background-color: hsl(120, 70%, 76%); 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 { td.number {

9
static/styles/portico/billing.css
View File

@ -179,7 +179,6 @@
font-size: 19px; font-size: 19px;
} }
#mix_license_count,
#manual_license_count, #manual_license_count,
#invoiced_licenses { #invoiced_licenses {
width: 50px; width: 50px;
@ -228,11 +227,6 @@
display: none; display: none;
} }
#update-card-button-span {
display: block;
min-height: 30px;
}
.zulip-loading-logo { .zulip-loading-logo {
margin: 0 auto; margin: 0 auto;
width: 24px; width: 24px;
@ -299,8 +293,7 @@
} }
#license-automatic-section, #license-automatic-section,
#license-manual-section, #license-manual-section {
#license-mix-section {
display: none; display: none;
} }
} }

9
static/styles/portico/integrations.css
View File

@ -369,11 +369,6 @@ $category-text: hsl(219, 23%, 33%);
font-weight: 400; font-weight: 400;
margin: 10px 4px 0; margin: 10px 4px 0;
&.create-your-own {
margin-top: 27px;
font-size: 1.1em !important;
}
&.with-secondary { &.with-secondary {
font-size: 1.1em; font-size: 1.1em;
margin-top: 4px; margin-top: 4px;
@ -397,10 +392,6 @@ $category-text: hsl(219, 23%, 33%);
font-size: 1em; font-size: 1em;
} }
.integration-name.create-your-own {
font-size: 0.95em !important;
}
.integration-category { .integration-category {
font-size: 0.8em; font-size: 0.8em;
} }

363
static/styles/portico/landing_page.css
View File

@ -385,8 +385,7 @@ nav {
padding: 0 !important; padding: 0 !important;
} }
.header, .header {
.portico-os-announcement {
display: none; display: none;
} }
@ -633,13 +632,6 @@ nav {
vertical-align: top; vertical-align: top;
} }
.headliner {
.feature-block {
margin: 0 10px;
width: calc(100% - 250px - 20px);
}
}
h2 { h2 {
font-size: 2.5em; font-size: 2.5em;
text-align: center; text-align: center;
@ -716,51 +708,6 @@ nav {
overflow: hidden; 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 { .content {
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -824,17 +771,6 @@ nav {
box-shadow: 0 3px 20px hsla(0, 0%, 100%, 0.5); 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 css -- */
.compare, .compare,
.compare-education { .compare-education {
@ -1196,10 +1108,6 @@ nav {
width: 15%; width: 15%;
} }
&.darker {
background-color: hsl(0, 0%, 73%);
}
&.nano { &.nano {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@ -1228,14 +1136,6 @@ nav {
} }
} }
.col-4 .action-block {
margin: 20px;
.sub-block {
margin: 0 10px;
}
}
.top { .top {
.avatar { .avatar {
display: inline-block; display: inline-block;
@ -1378,29 +1278,6 @@ nav {
padding: 50px 0 100px; padding: 50px 0 100px;
background-color: hsl(0, 0%, 100%); 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 { .portico-landing.hello .open-source {
@ -1638,11 +1515,6 @@ nav {
.tour .carousel-inner .comparison-slack img { .tour .carousel-inner .comparison-slack img {
margin: 0; margin: 0;
&.slack-unreads {
width: 250px;
margin: 15px 0 0 -10px;
}
} }
.tour .carousel-inner .other-resources { .tour .carousel-inner .other-resources {
@ -1765,11 +1637,6 @@ nav {
float: left; float: left;
} }
.portico-landing .testimonials .text-header .action-content {
float: right;
margin-top: 18px;
}
.portico-landing .testimonials .quote-container { .portico-landing .testimonials .quote-container {
width: 98%; width: 98%;
margin: 30px auto 20px; margin: 30px auto 20px;
@ -1906,16 +1773,6 @@ nav {
background-color: transparent; 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 { .portico-landing .testimonials .company-box .company.panjiva {
background-image: url("../../images/landing-page/logos/panjiva.png"); background-image: url("../../images/landing-page/logos/panjiva.png");
background-color: transparent; background-color: transparent;
@ -1931,47 +1788,16 @@ nav {
background-color: transparent; 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 { .portico-landing .testimonials .company-box .company.mariadb {
background-image: url("../../images/landing-page/logos/mariadb.png"); background-image: url("../../images/landing-page/logos/mariadb.png");
background-color: transparent; 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 { .portico-landing .testimonials .company-box .company.wikimedia-outreach {
background-image: url("../../images/landing-page/logos/wikimedia-outreach.png"); background-image: url("../../images/landing-page/logos/wikimedia-outreach.png");
background-color: transparent; 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 { .portico-landing .testimonials .company-box .company.mixxx {
background-image: url("../../images/landing-page/logos/mixxx.png"); background-image: url("../../images/landing-page/logos/mixxx.png");
background-color: transparent; background-color: transparent;
@ -2219,13 +2045,6 @@ nav {
max-width: 600px; max-width: 600px;
} }
.portico-landing.apps
.hero
.image
img[src="/static/images/landing-page/tar.gz.svg"] {
width: 50%;
}
.portico-landing.apps .portico-landing.apps
.hero .hero
.image .image
@ -2892,96 +2711,6 @@ nav {
top: 6px; 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 { .text-content .pricing-details {
padding: 15px 0; padding: 15px 0;
height: 25px; 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 { .portico-landing.jobs h2 {
line-height: 1.4; line-height: 1.4;
margin: 20px 0 5px; margin: 20px 0 5px;
@ -3069,40 +2789,6 @@ nav {
.portico-landing.plans .price-box { .portico-landing.plans .price-box {
margin: 20px; 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) { @media (width >= 1296px), (687px <= width <= 985px) {
@ -3215,17 +2901,6 @@ nav {
.portico-landing.features-app { .portico-landing.features-app {
section { section {
.headliner {
.image {
width: 200px;
height: 200px;
}
.feature-box {
width: calc(100% - 200px - 20px);
}
}
&.messages { &.messages {
display: block; display: block;
text-align: center; text-align: center;
@ -3281,10 +2956,6 @@ nav {
} }
} }
.screen.hero-screen .col-4 .action-block {
margin: 10px;
}
.portico-landing .testimonials .carousel-quotes { .portico-landing .testimonials .carousel-quotes {
width: 100%; width: 100%;
} }
@ -3373,22 +3044,6 @@ nav {
} }
@media (width <= 830px) { @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 { .portico-landing.hello .apps .left-side .platform-icons .group {
margin: 50px 30px; margin: 50px 30px;
display: block; display: block;
@ -3422,10 +3077,6 @@ nav {
} }
} }
.tour .carousel-inner .comparison-slack img.slack-unreads {
margin-left: 0;
}
.tour .carousel-inner .tour-item-header { .tour .carousel-inner .tour-item-header {
font-size: 1.1em; font-size: 1.1em;
} }
@ -3520,10 +3171,6 @@ nav {
padding: 43px 73px; padding: 43px 73px;
} }
.portico-landing.hello .features .col-2 {
width: 100%;
}
.portico-landing.features-app { .portico-landing.features-app {
section { section {
padding: 0 20px; padding: 0 20px;
@ -3789,10 +3436,6 @@ nav {
border-radius: 4px; border-radius: 4px;
} }
.portico-landing.apps .main .details-container {
width: 100%;
}
.portico-landing .testimonials .company-box .company { .portico-landing .testimonials .company-box .company {
margin: 10px; margin: 10px;
width: calc(33% - 24px); width: calc(33% - 24px);
@ -4207,10 +3850,6 @@ nav {
.topics-image { .topics-image {
border: solid 2px hsl(0, 0%, 60%); border: solid 2px hsl(0, 0%, 60%);
} }
.feature-buttons {
margin: 0 auto;
}
} }
.twitter-tweet { .twitter-tweet {

1
static/styles/portico/markdown.css
View File

@ -36,7 +36,6 @@
} }
} }
&#using-zulip,
&#zulip-administration { &#zulip-administration {
font-size: 1.75em; font-size: 1.75em;
padding: 10px 0; padding: 10px 0;

387
static/styles/portico/portico.css
View File

@ -28,17 +28,6 @@ html {
font-family: monospace; font-family: monospace;
} }
.container-fluid {
padding: 0;
min-height: 100%;
/* Hack for IE */
height: auto !important;
height: 100%;
margin: 0 auto -56px;
}
.normal { .normal {
font-weight: normal; font-weight: normal;
} }
@ -47,10 +36,6 @@ html {
margin-bottom: 0; margin-bottom: 0;
} }
.navbar-inner {
border-radius: 0;
}
.header { .header {
position: relative; position: relative;
@ -78,10 +63,6 @@ html {
height: 56px; height: 56px;
} }
.breakpoint {
display: inline-block;
}
/* The API tabbed content tends to have a lot of code blocks, /* The API tabbed content tends to have a lot of code blocks,
which look nicer against a different background */ which look nicer against a different background */
.api-center .code-section { .api-center .code-section {
@ -297,27 +278,6 @@ html {
max-width: 100%; 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 { .help-inline {
font-weight: 400; font-weight: 400;
font-size: 0.9rem; font-size: 0.9rem;
@ -347,47 +307,6 @@ img.screenshot {
max-width: 100%; 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 { #pw_strength {
/* Same width as a Bootstrap default text <input> with padding */ /* Same width as a Bootstrap default text <input> with padding */
width: 220px; width: 220px;
@ -403,36 +322,6 @@ img.screenshot {
content: " - "; 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 { .landing-page {
padding: 2em 0; 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 { .platform-icon {
width: 33%; width: 33%;
} }
@ -467,19 +343,6 @@ img.screenshot {
font-weight: 300; 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 { label.text-error {
display: inline; display: inline;
@ -518,11 +381,6 @@ input.text-error {
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px; padding-bottom: 50px;
.footer-navigation {
margin-left: 0;
margin-right: 0;
}
a { a {
color: inherit !important; color: inherit !important;
} }
@ -711,27 +569,6 @@ input.text-error {
z-index: 99; 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 { .devlogin_subheader {
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
@ -740,16 +577,6 @@ a.bottom-signup-button {
font-size: 16px; font-size: 16px;
} }
.portico-large-text {
font-size: 16px;
line-height: 20px;
}
.portico-secondary-header {
font-weight: 300;
font-size: 25px;
}
.table.table-striped { .table.table-striped {
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1); box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
@ -926,37 +753,6 @@ input#terminal:checked ~ #tab-terminal {
width: 100%; 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 { .btn-direct {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -966,13 +762,6 @@ input#terminal:checked ~ #tab-terminal {
min-width: 300px; 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 { .btn-admin {
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
border-color: hsl(198, 100%, 48%); border-color: hsl(198, 100%, 48%);
@ -1016,11 +805,6 @@ input.new-organization-button {
/* plus input padding. */ /* plus input padding. */
width: calc(300px - -28px); width: calc(300px - -28px);
margin-bottom: 10px; margin-bottom: 10px;
.direct-label {
margin-top: 50px;
margin-bottom: 6px;
}
} }
.login-form, .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 { .login-social {
max-width: 100%; max-width: 100%;
min-width: 300px; min-width: 300px;
@ -1050,100 +826,20 @@ input.new-organization-button {
margin-top: 10px; 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, .app-main,
.header-main, .header-main {
.footer-main {
min-width: 350px; min-width: 350px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
position: relative; position: relative;
} }
.footer-main {
text-align: center;
}
.hello-main { .hello-main {
max-width: none; max-width: none;
min-width: 0; min-width: 0;
padding: 0 !important; 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 { .top-links {
text-align: right; text-align: right;
@ -1168,12 +864,6 @@ input.new-organization-button {
text-align: center; text-align: center;
} }
.button-muted {
display: block;
font-size: 12px;
color: hsl(0, 0%, 87%);
}
/* -- password reset container -- */ /* -- password reset container -- */
.password-reset { .password-reset {
display: inline-block; display: inline-block;
@ -1283,10 +973,6 @@ input.new-organization-button {
text-align: center; text-align: center;
} }
.center-block .submit-button-box .controls {
margin: 0;
}
.center-block { .center-block {
text-align: left; text-align: left;
display: inline-block; display: inline-block;
@ -1470,7 +1156,6 @@ input.new-organization-button {
padding: 0 !important; padding: 0 !important;
} }
.input-medium,
.input-large { .input-large {
display: block !important; display: block !important;
width: 100% !important; width: 100% !important;
@ -1483,23 +1168,6 @@ input.new-organization-button {
margin-bottom: 10px !important; 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 { .line-break-desktop {
display: none; display: none;
} }
@ -1569,18 +1237,6 @@ input.new-organization-button {
padding: 0 10px; padding: 0 10px;
} }
.main-headline-text {
.tagline {
font-size: 32px;
line-height: 34px;
}
}
#apps-tabs li a {
padding-left: 6px;
padding-right: 6px;
}
.footer { .footer {
grid-template-columns: repeat(1, max-content); grid-template-columns: repeat(1, max-content);
@ -1598,10 +1254,6 @@ input.new-organization-button {
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.m-v-20 {
margin: 20px 0;
}
label.label-title { label.label-title {
font-weight: 600; font-weight: 600;
} }
@ -1611,37 +1263,6 @@ label.label-title {
vertical-align: top; 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 {
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 { .desktop-redirect-image {
margin-bottom: 20px; margin-bottom: 20px;
} }

46
static/styles/portico/portico_signin.css
View File

@ -716,10 +716,6 @@ html {
button { button {
/* Avoid excessive space at top of login form */ /* Avoid excessive space at top of login form */
margin-top: 0; 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, .split-view .actions a,
.back-to-login { .back-to-login {
color: hsl(164, 100%, 23%); color: hsl(164, 100%, 23%);
@ -831,10 +815,6 @@ button#register_auth_button_gitlab {
margin: 25px auto 10px; margin: 25px auto 10px;
position: relative; position: relative;
&.with-top-space {
margin-top: 50px;
}
&.full-width { &.full-width {
width: calc(100% - 20px); 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 { .center-block .pitch {
margin-bottom: 0; margin-bottom: 0;
} }
@ -1055,17 +1025,6 @@ button#register_auth_button_gitlab {
#enter-realm-button { #enter-realm-button {
margin-top: 14px; 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 { #choose_email {
@ -1242,11 +1201,6 @@ button#register_auth_button_gitlab {
box-shadow: none; box-shadow: none;
} }
.footer-navigation li,
.footer-navigation li a {
font-size: 1em;
}
.account-creation { .account-creation {
font-weight: 400; font-weight: 400;
} }

198
static/styles/settings.css
View File

@ -74,22 +74,10 @@ h3,
text-align: center; text-align: center;
} }
.w-70 {
width: 70%;
}
.w-200 { .w-200 {
width: 200px; width: 200px;
} }
.m-t-20 {
margin-top: 20px;
}
.m-t-10 {
margin-top: 10px;
}
.grid { .grid {
label { label {
min-width: 200px; min-width: 200px;
@ -132,12 +120,6 @@ h3,
text-align: left; 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 { .profile-settings-form {
@ -162,11 +144,6 @@ h3,
} }
.user-avatar-section { .user-avatar-section {
.avatar-controls {
margin-top: 20px;
box-shadow: none;
}
.inline-block { .inline-block {
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1); box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
} }
@ -190,10 +167,6 @@ h3,
box-sizing: border-box; box-sizing: border-box;
} }
.padded-container {
padding: 20px;
}
.side-padded-container { .side-padded-container {
padding: 0 20px; padding: 0 20px;
} }
@ -213,10 +186,6 @@ h3,
text-transform: capitalize; text-transform: capitalize;
} }
.attributions_title {
margin-top: 24px;
}
.table { .table {
tbody { tbody {
border-bottom: 1px solid hsl(0, 0%, 87%); border-bottom: 1px solid hsl(0, 0%, 87%);
@ -308,16 +277,6 @@ td .button {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;
} }
.table-title {
display: inline-block;
padding: 6px 0;
margin-left: 5px;
i {
margin-right: 5px;
}
}
} }
.table-sticky-headers th { .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, .button,
.input-group { .input-group {
margin: 0 0 20px; margin: 0 0 20px;
@ -596,10 +516,6 @@ input[type="checkbox"] {
border-left: 0; border-left: 0;
} }
.green-bg {
background-color: hsl(120, 29%, 84%);
}
.remove-alert-word { .remove-alert-word {
margin-top: 1px; margin-top: 1px;
} }
@ -659,10 +575,6 @@ input[type="checkbox"] {
} }
#user-notification-settings { #user-notification-settings {
.notification-reminder {
text-align: left;
}
.notification-table { .notification-table {
th, th,
td { td {
@ -697,8 +609,7 @@ input[type="checkbox"] {
.alert-notification.custom-field-status, .alert-notification.custom-field-status,
.alert-notification.full-name-status, .alert-notification.full-name-status,
.alert-notification.timezone-setting-status, .alert-notification.timezone-setting-status {
.alert-notification.presence-setting-status {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
margin-top: 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 { .admin-realm-message-retention-days {
width: 5ch; width: 5ch;
text-align: right; text-align: right;
@ -1015,20 +921,6 @@ input[type="checkbox"] {
width: 70%; 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 { #alert-words-table {
margin: 0; margin: 0;
@ -1046,10 +938,7 @@ input[type="checkbox"] {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
} }
}
#alert-words-table,
#attachments_list {
.edit-attachment-buttons { .edit-attachment-buttons {
position: absolute; position: absolute;
right: 20px; right: 20px;
@ -1058,7 +947,6 @@ input[type="checkbox"] {
} }
#change_password_modal { #change_password_modal {
.change_password_info,
#change_password_container { #change_password_container {
margin: 0; margin: 0;
} }
@ -1354,67 +1242,6 @@ input[type="checkbox"] {
line-height: 1.2; 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 { .sidebar-wrapper {
float: left; float: left;
position: relative; position: relative;
@ -1463,11 +1290,6 @@ input[type="checkbox"] {
border-bottom: none; border-bottom: none;
} }
&.border-top {
border-top: 1px solid hsl(0, 0%, 93%);
border-bottom: none;
}
&.active { &.active {
background-color: hsl(0, 0%, 93%); background-color: hsl(0, 0%, 93%);
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@ -1612,10 +1434,6 @@ input[type="checkbox"] {
#profile-settings, #profile-settings,
#edit-user-form { #edit-user-form {
.user-role button {
cursor: default;
}
.custom_user_field { .custom_user_field {
padding-bottom: 20px; padding-bottom: 20px;
@ -1692,10 +1510,6 @@ input[type="checkbox"] {
width: 100%; width: 100%;
} }
.m-t-10 {
margin-top: 10px;
}
.dropdown-list-widget { .dropdown-list-widget {
button.dropdown-toggle { button.dropdown-toggle {
text-align: left; text-align: left;
@ -1839,11 +1653,6 @@ input[type="checkbox"] {
margin-bottom: 3px; margin-bottom: 3px;
} }
.invited-as-admin {
opacity: 0.5;
margin-left: 2px;
}
@supports (-moz-appearance: none) { @supports (-moz-appearance: none) {
#settings_page select { #settings_page select {
appearance: none; appearance: none;
@ -1933,11 +1742,6 @@ input[type="checkbox"] {
display: block; display: block;
} }
.user-avatar-section .avatar-controls {
display: inline-block;
margin-top: 10px;
}
#settings_content .warning { #settings_content .warning {
display: none; display: none;
} }

135
static/styles/subscriptions.css
View File

@ -10,77 +10,18 @@
margin: 0; margin: 0;
} }
.subscription-email-hint-image {
float: right;
width: 80px;
}
.subscription_header.collapsed { .subscription_header.collapsed {
background-color: inherit; 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 { .subscriptions div #response {
overflow-wrap: break-word; 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 { .subscription_header {
min-height: 47px; 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 { .subscription_settings .btn {
border-radius: 2px; border-radius: 2px;
} }
@ -188,15 +129,6 @@ h4.stream_setting_subsection_title {
line-height: 1.5; line-height: 1.5;
} }
.new-stream-name,
.stream-rename-button {
margin-top: 10px;
}
.settings_committed {
margin: 10px;
}
.subscriber-list-box { .subscriber-list-box {
text-align: center; text-align: center;
border: 1px solid hsl(0, 0%, 87%); border: 1px solid hsl(0, 0%, 87%);
@ -210,10 +142,6 @@ h4.stream_setting_subsection_title {
text-align: left; text-align: left;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
.form_inline input {
vertical-align: top;
}
.subscriber-list { .subscriber-list {
width: 100%; width: 100%;
margin: auto; 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-name,
.subscriber-email { .subscriber-email {
padding: 5px; padding: 5px;
@ -332,47 +253,17 @@ h4.stream_setting_subsection_title {
margin: 0; margin: 0;
} }
#subscription-status {
width: 200px;
position: absolute;
left: 50%;
margin-left: -100px;
bottom: 30px;
text-align: center;
border-radius: 2px;
}
#subscriptions h1 { #subscriptions h1 {
font-size: 25px; font-size: 25px;
font-weight: 300; font-weight: 300;
padding-top: 40px; padding-top: 40px;
} }
#subscriptions .streams-icon {
margin-right: 10px;
font-size: 20px;
}
.change-stream-privacy { .change-stream-privacy {
width: 100%; width: 100%;
text-align: center; 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, .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;
@ -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 { input[type="text"].small {
@ -747,12 +626,6 @@ h4.stream_setting_subsection_title {
vertical-align: top; vertical-align: top;
} }
.settings-dropdown-trigger {
float: right;
margin-left: 10px;
color: hsl(0, 0%, 67%);
}
&:hover .check:not(.checked) svg, &:hover .check:not(.checked) svg,
&.active:hover .check:not(.checked) svg { &.active:hover .check:not(.checked) svg {
fill: hsl(0, 0%, 87%); fill: hsl(0, 0%, 87%);
@ -793,10 +666,6 @@ h4.stream_setting_subsection_title {
padding: 15px; padding: 15px;
} }
.add-user-label {
margin: 8px 0;
}
.add_all_users_to_stream { .add_all_users_to_stream {
margin-left: 10px; margin-left: 10px;
} }
@ -1254,7 +1123,3 @@ h4.stream_setting_subsection_title {
} }
} }
} }
#stream-creation #invites-warning-modal .modal-footer {
position: static;
}

9
static/styles/widgets.css
View File

@ -102,11 +102,6 @@ button {
} }
} }
&.task-completed {
border-color: hsl(157, 18%, 77%);
padding: 0;
}
&.add-task, &.add-task,
&.add-desc, &.add-desc,
&.poll-option, &.poll-option,
@ -121,10 +116,6 @@ button {
} }
} }
img.task-completed {
width: 15px;
}
input, input,
button { button {
&.add-task, &.add-task,

138
static/styles/zulip.css
View File

@ -178,10 +178,6 @@ p.n-margin {
margin: 0; margin: 0;
} }
.border-radius {
border-radius: 4px;
}
.history-limited-box { .history-limited-box {
color: hsl(16, 60%, 45%); color: hsl(16, 60%, 45%);
border: 1px solid hsl(16, 60%, 45%); border: 1px solid hsl(16, 60%, 45%);
@ -545,10 +541,6 @@ li,
margin-left: -8px; margin-left: -8px;
} }
.btn-large {
font-size: 115%;
}
/* Classes for hiding and showing controls */ /* Classes for hiding and showing controls */
.notdisplayed { .notdisplayed {
@ -645,13 +637,6 @@ strong {
} }
} }
.message-edit-tooltip-inner {
width: 200px;
position: absolute;
right: 7px;
top: -18px;
}
.narrow-filter { .narrow-filter {
display: block; display: block;
position: relative; position: relative;
@ -1055,14 +1040,6 @@ td.pointer {
display: block; 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 { .message_header_private_message {
border-bottom: 0; border-bottom: 0;
border-left: 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 { .copy-paste-text {
/* Hide the text that we want copy paste to capture */ /* Hide the text that we want copy paste to capture */
position: absolute; position: absolute;
@ -1196,15 +1143,6 @@ td.pointer {
width: 0; width: 0;
} }
.summary_row_private_message .summary_colorblock {
background-color: hsl(0, 0%, 0%);
}
.messages-expand,
.messages-collapse {
cursor: pointer;
}
@keyframes rotate { @keyframes rotate {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
@ -1425,18 +1363,6 @@ a.dark_background:hover,
font-size: 60%; font-size: 60%;
} }
.actions_hovered {
.message_time,
.info {
color: hsl(200, 100%, 40%);
cursor: pointer;
}
.actions_link {
text-decoration: underline;
}
}
.settings-forgot-password { .settings-forgot-password {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -1584,15 +1510,6 @@ div.focused_table {
justify-content: flex-start; 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, #inline_topic_edit:focus,
#message_edit_topic:focus { #message_edit_topic:focus {
outline: none; outline: none;
@ -1689,14 +1606,6 @@ div.focused_table {
font-weight: bold; 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 { .top-navbar-border {
border-right: 1px solid hsl(0, 0%, 88%); border-right: 1px solid hsl(0, 0%, 88%);
border-left: 1px solid hsl(0, 0%, 88%); border-left: 1px solid hsl(0, 0%, 88%);
@ -2229,19 +2138,6 @@ nav {
height: 25px; height: 25px;
max-width: 200px; 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 { a {
@ -2386,10 +2282,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
height: 20px; height: 20px;
} }
.topic_move_spinner {
margin: 0 auto;
}
#invitee_emails { #invitee_emails {
min-height: 40px; min-height: 40px;
max-height: 300px; max-height: 300px;
@ -2534,11 +2426,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
margin-bottom: 0; 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 { #pw_change_controls {
display: none; display: none;
} }
@ -2680,18 +2567,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
z-index: 20000; 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 { .deactivated_user .deactivated-user-icon {
color: inherit; color: inherit;
margin-left: 2px; margin-left: 2px;
@ -2727,18 +2602,10 @@ div.topic_edit_spinner .loading_indicator_spinner {
display: none !important; display: none !important;
} }
.display-tooltip {
display: block !important;
}
.hotkey-hint { .hotkey-hint {
opacity: 0.75; opacity: 0.75;
} }
select.inline_select_topic_edit {
margin: 0;
}
.flatpickr-calendar { .flatpickr-calendar {
/* Hide the up and down arrows in the Flatpickr datepicker year */ /* Hide the up and down arrows in the Flatpickr datepicker year */
.flatpickr-months .numInputWrapper span { .flatpickr-months .numInputWrapper span {
@ -2944,11 +2811,6 @@ select.inline_select_topic_edit {
margin-right: 0; margin-right: 0;
} }
.skinny-user-gravatar {
position: absolute;
top: 0;
}
#streamlist-toggle { #streamlist-toggle {
display: block; display: block;
} }