Created
January 23, 2017 14:36
-
-
Save jakeoid/108580eb877038ff7ce28af8890578b6 to your computer and use it in GitHub Desktop.
My edited version of `Modernized Trello`
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-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; **/ | |
| } | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment