jakeoid · January 23, 2017 14:36
diff --git a/trello.css b/trello.css
 @-moz-document domain("trello.com") {
 /*
 ======= You have Version 1.1.4 of Modernized Trello Installed =======*/
 /*
 ————— YOUR CUSTOM OPTIONS —————*/
 /*
 ----------- Backgrounds - Set to Don't Override ----------*/

 .body-board-view #header {
  background: rgba(0,0,0,.15) !important;
 }
 .body-dark-board-background .board-header{
  background: RGBA(0, 0, 0, 0.40) !important;
 }
 .body-board-view.body-custom-board-background #header {
  background: RGBA(30,130,193,0.90) !important;
 }
 .body-light-board-background .board-header{
  background: RGBA(255, 255, 255, 0.40) !important;
 }
 .body-light-board-background .board-header .board-header-btn-text,
 .body-light-board-background .board-header .board-header-btn-icon{
  font-weight: 400;
  color: #2C355A !important;
 }
 .body-light-board-background .list {
  border: 1px RGBA(30,130,193,0.10) solid; 
 }
 /*
 ----------- Board Activity Indicator - Set to Hide ----------*/

 .compact-board-tile-link-options-unread,
 .board-tile-options-unread-indicator {
  display: none;
 }
 /*
 ----------- Unhelpful Card Activity - Set to Show All Activity ----------*/

 /*
 ————— Card Cover Images - Set to Show All Card Covers  —————*/
 /*
 ————— Profile Name in Header - Set to Hide —————*/

 .header-btn-text.js-member-name {
  display: none;
 }
 .header-member .member {
  border-radius: 3px !important;
 }
 /*
 ————— Info Button in Header - Set to Hide —————*/

 .header-btn.js-open-header-info-menu {
  display: none;
 }
 /*
 ————— Collapse Sections on Profile > Cards Page - Set to Collapse —————*/

 .js-cards-content .window-module-title h3:after {
 	content: "expand";
 	display: inline-block;
 	text-align: right;
 	position: absolute;
 	cursor: pointer;
 	right: 0;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	padding-left: 14px;
 	font-size: 10px !important;
 	color: #61bd4f;
 	transition: all 0s 9999999s;
 }
 .js-cards-content .window-module-title {
 	transition: all 0s 9999999s;
 	border-bottom: 1px solid #EDEFF0;
 }
 .js-cards-content .window-module-title:hover {
 	border-bottom: 1px solid grey;
 }
 .js-cards-content .window-module:active .window-module-title {
 	transition: all 0s;
 	border-bottom: 0 !important;
 }
 .js-cards-content .card-grid {
 	transition: all 0s 9999999s;
 	height: 0;
 	overflow-y: hidden;
 }
 .js-cards-content .window-module:active .window-module-title ~ .card-grid {
 	transition: all 0s;
 	height: 100%;
 }
 .js-cards-content .window-module:active h3:after {
 	color: rgba(0, 0, 0, 0);
 	transition: all 0s;
 }
 @media only screen and (max-width: 859px) {
 	.js-cards-content .window-module-title {
 		padding-right: 20px;
 	}
 	.js-cards-content .window-module-title h3:after {
 		content: "\25BC";
 		color: #D5D9DB !important;
 	}
 }
 }

 @-moz-document domain("trello.com") {
 /* ----------- SITE-WIDE STYLES -----------*/
 /*
 ----------- Site Font Changes ----------*/

 @font-face {
  font-family: 'Roboto';
  src: url('https://dl.dropboxusercontent.com/u/21799076/Roboto%20Font/Light/Roboto-Light-webfont.eot');
  src: local('Roboto Light'), local('Roboto'), url('https://dl.dropboxusercontent.com/u/21799076/Roboto%20Font/Light/Roboto-Light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
 }
 @font-face {
  font-family: 'Roboto';
  src: url('https://dl.dropboxusercontent.com/u/21799076/Roboto%20Font/Regular/Roboto-Regular-webfont.eot');
  src: local('Roboto Regular'), local('Roboto'), url('https://dl.dropboxusercontent.com/u/21799076/Roboto%20Font/Regular/Roboto-Regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
 }
 html,
 body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
  font-weight: 300;
  letter-spacing: 0.3px;
 }
 a {
  text-decoration: none;
 }
 h3 {
  font-weight: 400 !important;
 }
 .u-font-weight-bold {
  font-weight: 400;
 }
 label {
  font-weight: 300;
 }
 textarea {
  font-family: 'Roboto', 'Helvetica', sans-serif;
  font-weight: 300;
  letter-spacing: 0.3px;
 }
 /*
 ----------- Site Header Bar Changes ----------*/

 #header,
 .body-board-view #header {
  background: #1884C1;
  padding: 10px 44px 10px 44px;
  height: auto;
  min-height: 35px;
  z-index: 1;
 }
 .header-member .member {
  border: none;
 }
 .header-user {
  position: static;
 }
 .header-btn-text {
  font-weight: 300;
 }
 .header-logo {
  margin-right: 9px;
  margin-left: 0;
  float: left;
  position: static;
  text-align: left;
 }
 #header .header-search-input {
  margin: 0 !important;
 }
 .header-logo-default {
  right: initial;
  top: initial;
 }
 .is-throbbing .header-logo-default {
  margin-left: 22px;
 }
 .is-throbbing .header-logo-loading {
  left: initial;
  top: initial;
  margin-top: 6px;
  margin-left: 2px;
  margin-right: 20px;
  display: inline-block;
 }
 .header-btn.header-woof {
  width: 125px;
 }
 .header-btn.header-woof.woof-crouch {
  width: 36px;
 }
 .header-btn.header-woof.woof-crouch:hover {
  width: 125px;
 }
 .announcement-elsewhere-blog .u-text-underline {
  text-decoration: none;
 }
 @media only screen and (max-width: 900px) and (min-width: 751px) {
  .header-btn.header-woof .header-btn-text {
    display: inline-block;
  }
 }
 @media only screen and (max-width: 870px) and (min-width: 750px) {
  .body-pinned-drawer .header-user {
    position: inherit;
    display: inline-block;
    top: 0;
  }
 }
 @media only screen and (max-width: 750px) {
  .header-btn {
    margin-bottom: 5px;
  }
 }
 /*
 ----------- Button Styles ----------*/

 .button-link {
  font-weight: 400;
 }
 .icon-overflow-menu-horizontal {
  transform: rotate(90deg);
 }
 /*
 ----------- Profile Pictures ----------*/

 .member {
  border-radius: 100px;
  border: 2px solid #ffffff;
 }
 .member-initials {
  font-weight: 400;
  margin-top: 0px;
  font-size: 10pt;
 }
 .mod-other-type .member-initials {
  font-weight: 400;
  margin-top: 0px;
  font-size: 7pt !important;
 }
 /*
 ----------- Popup Menu Styles ----------*/

 .pop-over-header-title {
  border-bottom: none;
  font-weight: 400;
  font-size: 16px;
  margin-top: 8px;
 }
 .pop-over-header {
  margin-bottom: 0;
 }
 .pop-over-header-close-btn {
  padding-top: 8px;
 }
 .pop-over,
 .pop-over-list li>a {
  font-weight: 400;
 }
 .pop-over-list li>a:hover,
 .pop-over-list li>a:hover .sub-name,
 .pop-over-content .quiet-button:hover {
  color: #000;
  background-color: #EDEFF0;
  font-weight: 400;
 }
 .pika-label,
 .pika-prev,
 .pika-next {
  text-decoration: none !important;
 }
 .pika-label:hover,
 .pika-prev:hover,
 .pika-next:hover {
  background-color: #EDEFF0 !important;
 }
 .js-cal-enabled hr {
  display: none;
 }
 .js-cal-enabled .helper {
  margin-top: 15px;
 }
 .helper {
  background-color: #EDEFF0;
 }
 .iframe-input,
 input[type=text],
 input[type=password],
 input[type=email],
 textarea {
  margin-top: 10px;
  margin-bottom: 20px;
 }
 .iframe-input.focus,
 input[type=text]:focus,
 input[type=password]:focus,
 input[type=email]:focus,
 textarea:focus {
  box-shadow: 0px 0px 15px 1px RGBA(24, 132, 193, 0.3) !important;
  border-color: #fff !important;
 }
 .iframe-input:hover,
 input[type=text]:hover,
 input[type=password]:hover,
 input[type=email]:hover,
 textarea:hover {
  border-color: RGBA(24, 132, 193, 0.6);
 }
 input.primary {
  font-weight: 400;
  letter-spacing: 0.5px;
 }
 .pop-over-member-list.collapsed .name {
  width: 34px !important;
  height: 34px !important;
 }
 .pop-over-member-list.collapsed .item {
  margin-bottom: 5px !important;
  margin-right: 5px !important;
 }
 .pop-over-member-list.collapsed .item.selected a {
  border-radius: 100px;
 }
 .pop-over-member-list.collapsed .item.active .checked-icon {
  border-radius: 100px !important;
 }
 .pop-over-member-list.collapsed .member {
  background-color: #D6DADC !important;
 }
 .pop-over-card-list li a,
 .pop-over-emoji-list li a,
 .pop-over-member-list li a {
  height: 34px;
 }
 /*
 ----------- Site Activity Feed Styling ----------*/

 .list-actions:before,
 .js-list-actions:before,
 .js-list-activity:before,
 .js-menu-action-list:before,
 .mod-notifications .pop-over-content>div>div:before,
 .js-list-notifications:before {
  content: "";
  display: inline-block;
  margin: 17px 17px 0px;
  position: absolute;
  width: 2px;
  height: calc(100% - 55px);
  background: linear-gradient(to bottom, RGBA(160, 170, 175, 0.2) 90%, RGBA(160, 170, 175, 0));
  z-index: 0;
  background-color: RGBA(255, 255, 255, 0);
 }
 .phenom {
  border-bottom: 0;
  margin-top: 30px;
  margin-left: 48px;
 }
 .phenom-creator {
  top: 2px;
  left: -48px;
 }
 .phenom.mod-other-type .phenom-creator {
  top: 5pt;
  left: -41px;
 }
 .phenom-desc {
  font-weight: 300;
 }
 a.action-card,
 a.js-open-attachment-viewer {
  text-decoration: none;
  font-weight: 400;
 }
 .action-comment {
  background: #F6F7F8;
  box-shadow: none;
 }
 .current-comment a {
  text-decoration: underline !important;
 }
 .known-service-icon {
  border-radius: 0 !important;
  padding-right: 4px;
  margin-top: -2px !important;
 }
 a.known-service-link {
  text-decoration: none !important;
  padding-right: 6px;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
 }
 .atMention {
  font-weight: 400 !important;
 }
 .board-menu-header-divider,
 .board-menu-content-frame hr {
  background: none;
 }
 .show-more {
  color: #939C9F;
  padding-left: 48px;
 }
 .show-more:hover {
  text-decoration: none;
 }
 .list-actions:before {
  height: calc(100% - 100px);
 }
 .show-more {
  margin-top: 30px;
 }
 .phenom-meta a.date:hover {
  text-decoration: none;
 }
 /*
 ----------- Notification Center ----------*/

 #notification {
  max-width: 300px;
  top: 60px;
 }
 #notification div {
  margin: 0 15px;
  max-width: 550px;
  border-color: RGBA(255, 255, 255, 0.50);
  box-shadow: 0px 0px 40px RGBA(255, 255, 255, 0.60);
 }
 #notification_connection {
  background: linear-gradient(to bottom, RGBA(235, 103, 83, 1.00) 20%, RGBA(207, 81, 61, 1.00));
 }
 .pop-over.mod-notifications.is-shown {
  top: 49px !important;
 }
 .phenom.mod-unread {
  background: RGBA(93, 169, 212, 0.10);
  border-left-color: #1884C1;
  margin-top: 30px;
  padding-left: 53px;
 }
 .mod-notifications .pop-over-header-title {
  border-bottom: none;
  font-size: 16px;
 }
 .mod-notifications>div>div:nth-child(2) {
  padding-bottom: 10px;
 }
 .mod-notifications .pop-over-list {
  margin-top: 40px;
 }
 .mod-notifications li>a {
  padding-left: 29px;
 }
 .js-list-notifications:before {
  height: calc(100% - 200px);
 }
 .mod-notifications .pop-over-content {
  padding-bottom: 10px;
  margin-bottom: 10px;
 }
 .mod-notifications .pop-over-content>div>div:before {
  height: calc(100% - 100px);
 }
 .phenom-creator .icon-clock {
  border-radius: 100px;
  border: 1px solid #ffffff;
  background: #fff;
 }
 .js-list-notifications .phenom-creator,
 .mod-notifications .phenom-creator {
  top: 12px;
 }
 /*
 ----------- Site Small Card Styles ----------*/

 .list-cards {
  margin: 0 4px;
  padding: 0 7px 0px 7px;
 }
 .list-card,
 .calendar-day.active .list-card {
  margin-bottom: 12px;
  border-bottom: 0px;
  box-shadow: 0px 2px 5px RGBA(79, 79, 79, 0.15);
 }
 .list-card-details,
 .calendar-day.active .list-card-details {
  padding: 12px 12px 6px 12px;
 }
 .list-card-labels,
 .calendar-day.active .list-card-labels {
  margin: 2px 0;
 }
 .list-card a {
  color: #576671;
 }
 .list-card-title,
 .calendar-day.active .list-card-title {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 6px;
 }
 .list-card.is-covered .list-card-cover {
  max-height: 116px;
 }
 .stickers {
  height: 116px !important;
 }
 .is-covered.is-stickered .list-card-stickers-area {
  background: none;
 }
 .is-stickered .list-card-stickers-area {
  background: #F0F3F4;
 }
 .list-card.is-stickered .list-card-details {
  margin-top: 116px;
 }
 .list-card-stickers-area {
  height: 116px;
 }
 .badge-text {
  position: relative;
 }
 .is-due-future.badge,
 .is-due-now.badge,
 .is-due-past.badge,
 .is-due-soon.badge,
 .is-due-complete.badge {
  float: left;
 }
 .card-label.mod-card-front {
  height: 5px;
 }
 .badge {
  float: right;
  margin: 1px 3px 3px;
 }
 .is-due-future.badge {
  background-color: #EDEFF0;
  border-radius: 3px;
 }
 .card-detail-due-date-text {
  text-decoration: none !important;
 }
 .badge.is-due-now,
 .card-detail-badge.is-due-now {
  box-shadow: 0px 0px 15px RGBA(207, 81, 61, 0.80);
  background: linear-gradient(to bottom, RGBA(235, 103, 83, 1.00) 20%, RGBA(207, 81, 61, 1.00));
 }
 .badge.is-complete,
 .badge.is-complete .icon-checklist {
  color: #61bd4f;
  background: none;
 }
 }

 @-moz-document domain("trello.com") {
 /* ----------- BOARD-SPECIFIC STYLES ----------*/

 .board-canvas {
  margin-top: -53px;
  z-index: 3;
 }
 .body-board-view #content {
  overflow-y: visible;
 }
 #board::-webkit-scrollbar,
 .u-fancy-scrollbar::-webkit-scrollbar {
  height: 4px;
  width: 4px;
 }
 .u-fancy-scrollbar::-webkit-scrollbar-track-piece {
  background: none;
 }
 #contact-us {
  position: relative !important;
  margin: 100px auto !important;
  text-align: center !important;
  color: #000 !important;
  display: block !important;
  -webkit-animation: 3s ease-in contact-fadein;
  animation: 3s ease-in contact-fadein;
 }
 .body-pinned-drawer .big-message.quiet {
  padding-left: 300px;
 }
 .big-message.quiet {
  max-width: 650px;
  padding-left: 20px;
  padding-right: 20px;
 }
 .board-wrapper .big-message.quiet {
  color: #ffffff;
 }
 .board-wrapper .big-message.quiet h1 {
  font-weight: 400;
 }
 .board-wrapper .big-message.quiet p {
  font-weight: 300;
 }
 .board-wrapper .big-message.quiet a {
  color: #ffffff;
  text-decoration: none;
 }
 .board-wrapper .big-message.quiet a:hover {
  text-decoration: underline;
 }
 /*
 ----------- Board Header ----------*/

 .board-header-btn-name {
  font-weight: 300;
  font-size: 22px;
 }
 .board-header {
  z-index: 2;
  padding: 20px 44px 78px 48px;
  box-shadow: 0px 30px 40px RGBA(0, 0, 0, 0.10);
 }
 .board-header-btn-name-with-org-logo {
  padding-left: 16px;
 }
 .board-header-btn-text.u-text-underline {
  text-decoration: none;
 }
 @media only screen and (max-width: 1200px) {
  .board-header-btns.mod-right .board-header-btn-text, .board-header-btns.mod-left .board-header-btn-text, .board-header-btn-org-name .board-header-btn-text {
    display: none;
  }
 }
 @media only screen and (max-width: 1500px) {
  .body-pinned-drawer .board-header-btn-text, .body-pinned-drawer .board-header-btns.mod-left .board-header-btn-text, .body-pinned-drawer .board-header-btn-org-name .board-header-btn-text {
    display: none;
  }
 }
 /*
 ----------- List Styles ----------*/

 #board:first-child {
  padding-left: 40px;
 }
 #board:last-child {
  padding-right: 40px;
 }
 .list-wrapper.mod-add {
  padding: 10px;
 }
 .list-wrapper.mod-add.is-idle {
  padding: 4px;
 }
 .list-wrapper.mod-add .list-name-input {
  margin-bottom: 12px;
  border: none;
  box-shadow: none;
 }
 .list-wrapper {
  margin-left: 15px;
  width: 300px;
  height: calc(100% - 24px);
 }
 .list-name-input {
  background: #fff !important;
 }
 .list {
  background: #E6EAEC;
 }
 .list-header-name {
  text-transform: uppercase;
  color: #687B88;
  font-weight: 400 !important;
  letter-spacing: 0.3px;
  max-height: 38px;
 }
 textarea.mod-list-name.is-editing {
  text-transform: none;
  max-height: 100%;
  z-index: 99;
 }
 .list-header {
  padding-top: 15px;
  padding-bottom: 20px;
 }
 .list-header.is-menu-shown,
 .list-header.is-subscribe-shown {
  padding-right: 8px;
  padding-left: 34px;
 }
 .list-header-target {
  z-index: 1;
  margin: 15px 60px 20px 34px;
 }
 .list-card-title {
  font-size: 14px;
 }
 .quick-card-editor-card textarea {
  box-shadow: none !important;
 }
 .card-composer textarea {
  box-shadow: none !important;
  margin-top: 0;
 }
 .card-composer .list-card {
  box-shadow: 0px 0px 20px 1px RGBA(24, 132, 193, 0.3);
 }
 .list-card.placeholder {
  box-shadow: none;
  background: #CDD0D2;
 }
 .open-card-composer {
  visibility: hidden;
  padding: 5px 10px;
 }
 .open-card-composer::before {
  content: '+';
  visibility: visible;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  display: block;
  position: absolute;
  color: #0079BF;
  border-radius: 100px;
  background: #fff;
  padding: 14px 16px;
  top: 7px;
  left: 14px;
  box-shadow: 0px 6px 10px RGBA(0, 0, 60, 0.20);
 }
 .open-card-composer:hover::before {
  padding-right: 120px;
  box-shadow: 0px 5px 30px RGBA(32, 174, 255, 0.50);
 }
 .open-card-composer:hover::after {
  content: 'Add a card...';
  visibility: visible;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  display: block;
  position: absolute;
  color: #0079BF;
  top: 21px;
  left: 60px;
  border-radius: 100px;
 }
 .card-composer {
  margin-bottom: 4px;
 }
 .js-list-subscribe:hover .icon-check {
  color: #999 !important;
 }
 /*
 ----------- Calendar Fixes ----------*/

 .calendar-day .list-card {
  margin: 0 2px 4px;
 }
 .calendar-day .list-card-details {
  padding: 4px 6px;
 }
 .calendar-day .list-card-labels {
  margin: -4px 0 0;
 }
 .calendar-day .list-card-title {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
 }
 /*
 ----------- List Dropdown Menu ----------*/

 .list-header-extras {
  left: 4px;
  right: 4px;
  top: 11px;
 }
 .list-header-extras-subscribe {
  float: right;
 }
 .list-header-extras .icon-overflow-menu-horizontal {
  font-size: 14pt;
 }
 .list-header-extras-menu {
  padding: 4px 4px 2px;
 }
 /*
 ----------- Board Menu (Right Side) ----------*/

 @media only screen and (max-width: 1050px) {
  .board-menu {
    height: calc(100% - 60px);
    top: 50px;
    right: 36px;
    border-radius: 6px;
  }
 }
 @media only screen and (max-width: 1210px) {
  .body-pinned-drawer .board-menu {
    height: calc(100% - 60px);
    top: 50px;
    right: 36px;
    border-radius: 6px;
  }
 }
 .board-wrapper.is-show-menu .board-main-content {
  margin-right: 0;
 }
 .board-wrapper.is-show-menu .board-header-btns.mod-right {
  visibility: hidden;
 }
 .board-wrapper.is-show-menu .board-header-btns.mod-right {
  visibility: visible;
  right: 303px;
 }
 .board-wrapper.is-show-menu .calendar-wrapper {
  right: 348px;
 }
 .board-menu {
  background: RGBA(6, 49, 73, 0.93);
  box-shadow: none !important;
  color: #ffffff;
  margin-top: -55px;
 }
 .board-menu-navigation-item-link {
  color: #ffffff;
  font-weight: 300;
 }
 .board-menu-section-header {
  color: #ffffff;
 }
 .board-menu-section-header.js-open-activity {
  display: none;
 }
 .board-menu-member-section .member {
  margin: 5px 5px;
 }
 .board-menu-member-section {
  margin-bottom: 18px;
 }
 .board-menu .icon-sm {
  color: #939C9F;
 }
 .board-menu-header a:hover {
  color: #ffffff;
 }
 .board-menu-content .quiet,
 .board-menu-content .quiet-button,
 .js-filter-search-results .mod-quiet,
 .js-filter-search-results .label-list-item-link.js-toggle-label-filter,
 .js-filter-search-results .name.js-select-member,
 .js-filter-search-results .js-due-filter,
 .archived-list-card .js-reopen,
 .archived-list-card .js-delete {
  color: #C6D2D7;
  font-weight: 300;
 }
 .board-menu-content a.known-service-link {
  background: rgba(255, 255, 255, 0.1);
 }
 .board-menu-content a.known-service-link:hover {
  background: rgba(255, 255, 255, 0.2);
 }
 .archive-content .empty-list {
  background: none;
  border: none;
  color: #939C9F;
 }
 .archive-controls-switch:hover {
  background: #0079BF;
  color: #fff !important;
 }
 .board-menu-content .archive-list .item-name {
  max-width: 175px;
  padding-right: 0;
 }
 .board-menu-content-frame .disabled:hover .sub-name {
  background: none;
 }
 .board-menu-content-frame li>a:hover,
 .board-menu-content-frame li>a:hover .icon-check {
  color: #111;
 }
 .board-menu-content-frame li>a.js-change-org:hover,
 .board-menu-content-frame li>a.js-toggle-covers:hover,
 .board-menu-content-frame li>a.js-change-comments:hover,
 .board-menu-content-frame li>a.js-change-add-members:hover {
  color: #111 !important;
 }
 .board-menu-content-frame .js-filter-search-results li>a:hover,
 .board-menu-content-frame .js-filter-search-results li>a:hover .icon-check {
  color: #fff !important;
 }
 .board-menu-content .quiet-button:hover {
  color: #111;
 }
 .js-filter-search-results .name.js-select-member:hover,
 .archived-list-card .quiet a:not(.disabled):hover,
 .board-menu-content-frame .pop-over-list li>a:hover {
  color: #fff;
 }
 .js-filter-search-results .js-clear-all:hover {
  color: #111 !important;
 }
 .board-wrapper.is-show-menu #board:last-child {
  padding-right: 344px;
 }
 .board-menu-content-frame .pop-over-list li>a.disabled,
 .board-menu-content-frame .pop-over-list li>a,
 .board-menu-content-frame .pop-over-list li>a.disabled .sub-name {
  color: #939C9F !important;
 }
 .board-menu-content-frame .archived-list-card .list-card {
  border: 1px solid #5D737F;
 }
 .board-menu-content-frame .archived-list-card .list-card .list-card-cover {
  border-radius: 2px 2px 0 0;
 }
 .power-up-item {
  border-bottom: none;
 }
 .power-up-item-details-header {
  color: #C6D2D7;
  font-weight: 400;
 }
 .power-up-item-details-header:hover,
 .power-up-item-details-header:hover .power-up-item-details-info-icon,
 .power-up-item-enabled-icon:before {
  color: #fff;
 }
 .archive-controls-search input {
  margin-top: 0;
 }
 .power-ups-assign-to-team-list-item-member-count {
  color: #C6D2D7;
 }
 .power-ups-assign-to-team-list,
 .power-ups-assign-to-team-list-item {
  border: none;
 }
 .power-ups-assign-to-team-list-item-name {
  font-weight: 400;
 }
 .power-ups-assign-to-team-create {
  text-decoration: none;
 }
 .power-ups-assign-to-team-create-content:hover,
 .power-ups-assign-to-team-list-item-content:hover,
 .power-ups-assign-to-team-list-item-content:hover .power-ups-assign-to-team-list-item-member-count {
  color: #000 !important;
 }
 /*
 ----------- Board Menu Activity Feed Styling ----------*/

 .js-menu-action-list:before {
  height: 80%;
 }
 .js-menu-action-list {
  margin-top: -20px;
 }
 .board-menu-member-section-header {
  color: #A0AAAF;
 }
 .board-menu-content-frame .js-menu-action-list .phenom-desc a,
 .phenom-list.js-list-activity .phenom-desc a {
  color: #C6D2D7;
 }
 .board-menu-content-frame .js-menu-action-list .phenom-desc a:hover {
  color: #ffffff;
 }
 .board-menu-content-frame .phenom {
  color: #A0AAAF;
 }
 .board-menu-content-frame .atMention.me {
  color: #43B6FC;
 }
 .board-menu-content-frame .atMention {
  color: #C6D2D7;
 }
 .board-menu-content-frame .phenom-meta a.date,
 .board-menu-content-frame .phenom-meta.quiet {
  color: #B8E78A;
 }
 .board-menu-content-frame .phenom-meta a.date:hover {
  color: #fff;
  cursor: pointer;
 }
 .board-menu-content-frame .attachment-image-preview {
  border: 1px solid RGBA(160, 170, 175, 0.20);
 }
 .board-menu-content-frame span.inline-member {
  color: #ffffff;
 }
 .board-menu-content-frame a.action-card,
 .board-menu-content-frame a.js-open-attachment-viewer {
  color: #C6D2D7;
 }
 .board-menu-content-frame .action-comment {
  background: RGBA(3, 26, 39, 0.30);
 }
 .board-menu-content-frame .js-expand-comment {
  height: 60px;
  margin-top: -20px;
  background: linear-gradient(to bottom, RGBA(6, 51, 77, 0), RGBA(6, 51, 77, 1));
 }
 .segmented-control {
  border-bottom: none;
 }
 .segmented-control-item {
  color: #939C9F;
 }
 /*
 ----------- Boards Navigation Menu (Left Side) ----------*/

 .boards-drawer {
  background: RGBA(6, 49, 73, 0.93);
  box-shadow: none !important;
  left: 41px;
  top: 65px;
 }
 .boards-drawer-header {
  background: none;
  text-align: center;
  color: #ffffff;
 }
 .boards-drawer .dark-hover:hover .icon-business-class {
  color: #fff !important;
 }
 .boards-drawer.is-shown {
  margin-top: -15px;
  border-radius: 6px;
 }
 .boards-drawer-pinned {
  border-radius: 0px !important;
 }
 .body-pinned-drawer #board:first-child {
  padding-left: 314px;
 }
 .body-pinned-drawer .calendar-wrapper {
  left: 289px;
 }
 .body-pinned-drawer .header-boards {
  display: none;
 }
 .boards-drawer.is-shown.boards-drawer-pinned {
  background: RGBA(6, 49, 73, 0.93);
  left: 0;
  top: 0;
 }
 .compact-board-tile-link-thumbnail {
  width: 6px;
 }
 .compact-board-tile.selected .compact-board-tile-link-thumbnail {
  width: 10px;
 }
 .compact-board-tile.selected .compact-board-tile-link-text {
  padding-left: 6px;
 }
 .compact-board-tile-wrapper {
  background: RGBA(3, 26, 39, 0.30);
 }
 .compact-board-tile.selected .compact-board-tile-fade {
  background: rgba(255, 255, 255, .2);
 }
 .compact-board-tile-link-text-name {
  color: #C6D2D7;
  font-weight: 400;
 }
 .compact-board-tile-link-text-sub-name {
  color: #939C9F;
 }
 .compact-board-tile-fade {
  background: none;
 }
 .compact-board-tile-background {
  background: none !important;
 }
 .compact-board-tile.selected .compact-board-tile-link-options-star {
  color: #fff;
 }
 .sidebar-section-header-title,
 .js-board-drawer-buttons .quiet-button,
 .js-board-drawer-boards .quiet-button {
  color: #ffffff;
 }
 .js-board-drawer-buttons .quiet-button:hover,
 .js-board-drawer-boards .quiet-button:hover {
  color: #111;
 }
 .compact-board-tile-link-text-name {
  font-weight: 300;
 }
 .body-pinned-drawer #surface {
  margin-left: 0;
 }
 .body-pinned-drawer #header,
 .body-pinned-drawer .board-header {
  padding-left: 324px;
 }
 .board-drawer-content {
  margin: 6px 1px 6px 6px;
 }
 .body-pinned-drawer .board-drawer-content {
  margin: 33px 1px 6px 6px;
 }
 .js-board-drawer-boards {
  margin-top: 36px;
 }
 .boards-drawer-header h3 {
  padding-top: 17px;
 }
 .sidebar-section-header-title.mod-clickable {
  text-decoration: none;
 }
 .js-board-drawer-buttons {
  margin: 30px 0 15px;
 }
 .boards-drawer .quiet-button {
  margin-top: 0;
 }
 }

 @-moz-document domain("trello.com") {
 /* ----------- OPEN CARD STYLES ----------*/

 .window-up .boards-drawer,
 .window-up #surface {
  -webkit-filter: blur(10px);
 }
 .window-overlay {
  background: RGBA(0, 65, 102, 0.8);
 }
 .quick-card-editor {
  background: RGBA(0, 65, 102, 0.9);
 }
 .window-header {
  margin-top: 10px;
 }
 .window-title textarea {
  font-size: 22px;
 }
 .badge-text {
  letter-spacing: 0;
 }
 .card-detail-badge.is-clickable {
  text-decoration: none;
 }
 .js-card-detail-members-list .card-detail-item-add-button {
  border-radius: 100px;
  padding: 8px;
  margin-left: 2px;
 }
 .description-content .quiet a:hover {
  text-decoration: underline;
 }
 .editing .edit .field,
 .editing .edit .field:active {
  box-shadow: none;
  background: #ffffff;
  border: none;
 }
 .comment-frame textarea,
 .card-detail-edit textarea {
  box-shadow: 0px 2px 7px RGBA(79, 79, 79, 0.15);
 }
 .comment-frame {
  box-shadow: none !important;
 }
 .window-header-inline-content .js-open-move-from-header {
  margin-right: 1px;
 }
 .window-header-inline-content.quiet {
  margin-top: 8px;
 }
 .attachment-thumbnail-details-options-item-text {
  text-decoration: none;
 }
 .card-detail-item-header-edit {
  text-decoration: none;
 }
 .js-open-move-from-header {
  font-weight: 400;
  color: #4d4d4d !important;
 }
 .phenom.mod-highlighted {
  background: RGBA(93, 169, 212, 0.10);
  border-left-color: #1884C1;
  margin-top: 20px;
  padding-left: 54px;
  padding-top: 20px;
 }
 .phenom.mod-highlighted .phenom-creator {
  top: 12px;
 }
 .phenom.mod-highlighted.mod-other-type .phenom-creator {
  top: 18px;
  left: 13px;
 }
 .embed {
  margin-bottom: 6px;
 }
 .embed.embed-provider-YouTube {
  padding-bottom: 0px;
 }
 textarea::-webkit-input-placeholder,
 .checklist-new-item-text:-moz-placeholder,
 .checklist-new-item-text::-moz-placeholder {
  color: #CF513D !important;
 }
 .checklist-new-item-text {
  margin-top: 4px;
 }
 .checklist-items-list {
  min-height: 0;
 }
 .checklist-add-controls {
  margin-top: 14px;
 }
 .checklist-completed-text {
  color: #61bd4f;
 }
 .edits-warning {
  background: #CF513D;
  color: #fff !important;
  padding: 6px 10px;
  border-radius: 3px;
 }
 .checklist-item-details .edits-warning {
  margin: 6px 20px 0 10px;
 }
 .edits-warning a {
  color: #fff !important;
  font-weight: 400;
  float: right;
  clear: left;
  padding: 0 0 0 10px;
 }
 .checklist-item-state-complete .checklist-item-details-text,
 .checklist-item-checkbox-check,
 .checklist-item-state-complete .checklist-item-checkbox {
  color: #61bd4f;
  border: none;
 }
 .checklist-item-state-complete .checklist-item-details-text a {
  color: #519839;
 }
 .checklist-item-state-complete p {
  padding-top: 1px;
  padding-bottom: 1px;
 }
 .checklist-item-state-complete .checklist-item-checkbox {
  margin-top: 2px;
  background-color: rgba(0, 0, 0, 0);
 }
 .checklist-item-state-complete .checklist-item-checkbox:hover .checklist-item-checkbox-check {
  color: #DE6051;
 }
 .pop-over-content .js-delete {
  color: #DE6051 !important;
 }
 .window-up .js-results .pop-over-list.navigable li>a:hover .sub-name {
  background-color: rgba(0, 0, 0, 0) !important;
 }
 /*
 ----------- Description Styles ----------*/

 .card-detail-data {
  margin-right: 20px;
 }
 .card-detail-item.editable .current {
  font-weight: 300;
  margin-top: 10px;
  padding: 5px 10px 10px;
 }
 .card-detail-item.editable .current:hover {
  background: #E2E4E6;
  border-radius: 4px;
  padding: 15px 20px 10px;
  margin: 0px -10px 0;
 }
 .card-detail-item.editable {
  padding-top: 10px;
 }
 .window-main-col .edit textarea.field,
 .window-main-col .edit textarea.field:active {
  margin-bottom: 14px;
 }
 .current.markeddown a {
  text-decoration: underline;
 }
 .description-content .edits-warning {
  margin-top: 20px;
 }
 .checklist-new-item textarea::placeholder {
  color: #000 !important;
 }
 ::-webkit-input-placeholder,
 ::-moz-placeholder,
 :-moz-placeholder {
  color: #000 !important;
 }
 .current.markeddown p {
  margin: 0 0 10px;
 }
 .description-content code {
  color: #0E5A8D;
 }
 .description-content br {
  display: block;
  margin: 10px 0;
  content: '';
 }
 .description-content hr {
  color: #E2E4E6;
 }
 .description-content blockquote {
  padding: 0 0 0 20px;
  margin: 20px 0;
 }
 .description-content ol,
 .description-content ul {
  margin-bottom: 24px;
 }
 .description-content img:not(.known-service-icon) {
  margin: 10px 0;
  border-radius: 6px;
  text-align: center;
 }
 .description-content h2,
 .description-content h3,
 .description-content h4,
 .description-content h5 {
  margin-top: 10px;
  margin-bottom: 5px;
 }
 /*
 ----------- Attachment Viewer Styles ----------*/

 .attachment-viewer-underlay,
 .attachment-viewer-overlay {
  background: RGBA(6, 49, 73, 0.93);
 }
 .attachment-viewer-overlay a,
 .attachment-viewer-next-frame-btn,
 .attachment-viewer-prev-frame-btn {
  cursor: pointer;
 }
 .attachment-viewer-frame-preview-image {
  border: none;
  box-shadow: 0px 0px 1px #ffffff;
  padding: 10px;
  max-width: calc(100% - 20px);
  background: RGBA(160, 170, 175, 0.20);
 }
 .attachment-viewer-frame-preview-iframe {
  border: 9pt solid #244A60;
  padding: 0px;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #ffffff;
 }
 .attachment-viewer-frame-preview-placeholder {
  font-weight: 400;
 }
 .attachment-viewer-frame-preview-placeholder a {
  background: rgba(255, 255, 255, .05);
  border: none;
  box-shadow: 0px 0px 1px #ffffff;
  margin-top: 20px;
 }
 }

 @-moz-document domain("trello.com") {
 /* ----------- OTHER PAGE FIXES ----------*/
 /*
 ----------- Pinned Board Other Page Fixes ----------*/

 .body-pinned-drawer .member-boards-view,
 .body-pinned-drawer .tabbed-pane-header-wrapper {
  padding-left: 330px;
  padding-right: 30px;
 }
 @media only screen and (max-width: 680px) {
  .tabbed-pane-header-details {
    margin-left: 45px;
  }
  .profile-image,
  .profile-image-image {
    height: 40px;
    width: 40px;
  }
  .profile-image-image {
    background-size: 40px 40px;
  }
  .tabbed-pane-header-wrapper {
    padding: 1pc;
  }
  .body-pinned-drawer .tabbed-pane-header-wrapper {
    padding-left: 300px;
    padding-right: 20px;
  }
 }
 .body-pinned-drawer .tabbed-pane-main-col-wrapper {
  padding-left: 300px;
  padding-right: 20px;
 }
 .body-pinned-drawer .tabbed-pane-nav {
  padding-left: 280px;
 }
 @media only screen and (max-width: 750px) {
  .member-boards-view {
    padding: 20px !important;
  }
  .body-pinned-drawer .member-boards-view {
    padding-left: 330px !important;
    padding-right: 30px !important;
  }
 }
 @media only screen and (max-width: 1230px) and (min-width: 1020px) {
  .body-pinned-drawer .boards-page-board-section-list-item {
    width: 33% !important;
  }
 }
 @media only screen and (max-width: 1019px) and (min-width: 796px) {
  .body-pinned-drawer .boards-page-board-section-list-item {
    width: 50% !important;
  }
 }
 @media only screen and (max-width: 795px) and (min-width: 30px) {
  .body-pinned-drawer .boards-page-board-section-list-item {
    width: 100% !important;
  }
 }
 /*
 ----------- Search Results Page ----------*/

 .body-pinned-drawer.body-search-page .content {
  padding-left: 293px;
 }
 /*
 ----------- Trello > Boards Page ----------*/

 .board-tile-details-name {
  font-weight: 300;
 }
 .member-boards-view {
  padding: 20px 20px 20px 46px;
 }
 /*
 ----------- Profile > Activity Page ----------*/

 .body-tabbed-page .attachment-image-preview {
  max-width: 100%;
 }
 .list-actions:before,
 .js-list-actions:before,
 .js-menu-action-list:before {
  background-color: RGBA(255, 255, 255, 0) !important;
  height: calc(100% - 125px);
 }
 /*
 ----------- Profile > Cards Page ----------*/

 .archive-list li,
 .org-list li,
 .segmented-control,
 .window-module-title {
  border-bottom: none;
 }
 .card-grid-container {
  padding: 0 14px 14px 0;
 }
 .card-grid-container .list-card {
  max-width: 100%;
 }
 .card-grid-container .list-card-cover.js-card-cover {
  background-color: #F0F3F4 !important;
 }
 @media only screen and (max-width: 1070px) and (min-width: 860px) {
  .card-grid-container {
    width: 50% !important;
  }
  .card-grid-container:nth-child(3n+1) {
    clear: none;
  }
  .card-grid-container:nth-child(2n+1) {
    clear: left;
  }
 }
 @media only screen and (max-width: 859px) {
  .card-grid-container {
    width: 100% !important;
  }
 }
 /*
 ----------- Company > Boards Page ----------*/

 @media only screen and (max-width: 1520px) and (min-width: 901px) {
  .body-pinned-drawer .boards-page-layout {
    display: block;
  }
 }
 .board-tile.mod-add {
  width: 700px;
 }
 .boards-page-navigation-list-item-link.mod-quiet {
  text-decoration: none;
 }
 .tabbed-pane-header-details-content a:hover {
  text-decoration: underline;
 }
 .boards-page-board-section-header-options-item-name {
  text-decoration: none !important;
 }
 /*
 ----------- Company > Members Page ----------*/

 @media only screen and (max-width: 1000px) {
  .body-pinned-drawer .org-members-page-layout {
    display: block;
  }
  .org-members-options {
    max-width: 400px;
    width: 100%;
  }
  .org-members-options input {
    width: 100%;
  }
 }
 .member-list-item-detail .options .option.button-link.remove-button {
  min-width: 90px;
 }
 /*
 ----------- Company > Settings Page ----------*/

 .setting-item-action .button-link.u-text-align-center {
  min-width: 90px;
 }
 /*
 ----------- Trello Blog Footer Fix ----------*/

 .blog footer a {
  text-decoration: none;
 }
 }

 @-moz-document domain("trello.com") {
 /* ----------- POPULAR PLUGIN FIXES ----------*/
 /*
 ----------- Scrum For Trello List Numbers fix ----------*/

 .list-total {
  margin-top: 0px !important;
  margin-right: 4px;
  margin-bottom: -12px;
  height: 18px;
 }
 .is-subscribe-shown .list-total {
  margin-right: -48px;
 }
 .board-header-btns .list-total {
  margin-top: 0;
  margin-left: 5px;
 }
 .window-header .picker {
  margin-top: 15px;
 }
 /*
 ----------- Card Colors for Trello fix ----------*/

 .badges {
  padding: 2px 0 0 !important;
 }
 /*
 ----------- Card Counter for Trello fix ----------*/

 .cardCounter {
  float: right;
  background: RGBA(0, 121, 191, 0.3);
  padding: 1px 4px 0;
  margin: 1px 7px 0;
 }
 .board-header-btn.total-cards {
  background: none;
  border: none;
 }
 /*
 ----------- Agile Scrum for Trello fix ----------*/

 .scrum-list-total {
  top: 4px;
  background: none;
  position: relative;
  right: 0;
  text-align: right;
  margin-right: 9px;
  margin-bottom: -7px;
 }
 .scrum-list-progress {
  background-color: rgba(0, 0, 0, .15) !important;
 }
 .scrum-card-progress {
  background-color: rgba(0, 0, 0, .25) !important;
 }
 .list-card.scrum-card-header {
  box-shadow: none;
 }
 .list-card.scrum-card-header .list-card-title {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
 }
 .list-card.scrum-card-header .scrum-card-points {
  display: none;
 }
 .badge.project {
  border-radius: 3px;
  padding: 3px 4px 0px !important;
 }
 /*
 ----------- Next Step for Trello fix ----------*/

 .aj-next-step {
  background-color: rgba(255, 255, 255, 0.701961);
  padding: 6px 8px;
  padding-left: 27px;
  border-radius: 3px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: 400;
 }
 .aj-next-step > .aj-checkbox {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
  border: 1px solid #D6DADC;
  border-bottom-color: #C4C9CC;
  font-weight: 700;
  position: absolute;
  left: 4px;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  text-indent: 100%;
  top: -1px;
  height: 15px;
  width: 15px;
  white-space: nowrap;
  margin-top: 5px;
 }
 .aj-checkbox-tick {
  visibility: hidden;
  color: #61bd4f;
  font-family: trellicons;
  font-style: normal;
  font-weight: 400;
 }
 .aj-next-step > .aj-checkbox-tick:hover {
  opacity: 1;
 }
 .aj-checkbox-tick:after {
  visibility: visible;
  background-color: #F8F9F9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  cursor: pointer;
  text-indent: 0;
  position: absolute;
  content: "\e910";
  display: block;
  top: 7px;
  left: 2px;
 }
 .aj-next-step.aj-checked {
  padding: 0;
 }
 #aj-nextstep-btn .board-header-btn-text {
  padding-left: 8px;
 }
 #aj-nextstep-btn {
  padding-right: 8px;
 }
 #aj-nextstep-btn:before {
  content: "↑↓";
  display: inline-block;
  left: 0;
  top: -1px;
  position: relative;
 }
 .aj-nextstep-icon {
  display: none;
 }
 #aj-nextstep-modes .sub-name {
  display: none;
 }
 }

 @-moz-document domain("trello.com") {
 .open-card-composer::before {
 	box-shadow: none !important;
 }
 .open-card-composer::before,
 .open-card-composer:hover::before,
 .open-card-composer:hover::after {
 	color: #1d1d1d;   
 }
 .list-header-name {
 	color: #1d1d1d;   
 }
 .list-card a {
 	color: #1d1d1d;   
 }
 .button.primary, button.primary, input[type=button].primary, input[type=submit].primary {
    background: #61BD4F;
 }
 .button.primary:hover, button.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover {
 	background: #5AAC44;
 }
 .button.primary, button.primary, input[type=button].primary, input[type=submit].primary,
 .button.primary:hover, button.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover {
    border: none;
    box-shadow: none;
 }
 .button-link:hover {
 	border: none;   
 }
 .pop-over {
    border: none;
 	box-shadow: none;   
 }
 .pop-over hr {
 	opacity: 0;   
 }
 .header-user {
 	position: absolute;
    top: 12px;
    right: 44px;
 }
 .header-btn {
 	background: rgba(255,255,255,0.2);   
 }
 .board-menu {
    background: rgba(0,0,0,0.5);
 }	
 .header-search {
 	float: initial;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);
 }
 .mod-search-over {
 	left: 50% !important;   
    transform: translate(-50%, -0%) !important;
    background: #ffffff;
 }
 .board-wrapper.is-show-menu .board-header-btn.mod-show-menu {
 	display: none;   
 }
 .window-overlay {
 	background: none;   
 }

 .pop-over-header-back-btn.is-shown {
 	left: 20px !important;
    top: -3px;
 }

 .mod-notifications .pop-over-content>div>div:before {
 	display: none;   
 }

 div.pop-over.mod-search-over.is-shown > div > div > div.pop-over-content {
    
 }
 }

 @-moz-document url("https://trello.com/b/gm30KVxB/homework-plans"), url("https://trello.com/b/6yEyvExB/jakeoid"), url("https://trello.com/b/mpO2F92x/how-to-use-trello-for-android") {
 body {
    background-color: #1d1d1d !important;
 }

 html:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    background: url('https://pbs.twimg.com/profile_banners/729487961427841025/1462758708/1500x500');
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    /** background-size: initial !important; **/
 }
 }
No results found