Last active
August 21, 2018 08:21
-
-
Save KevinPayravi/61a843380b4d8f505a87d64f73e1badb to your computer and use it in GitHub Desktop.
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
/* This file has been modified from its original version by Kevin Payravi */ | |
@charset "UTF-8"; | |
.introjs-helperLayer,.introjs-overlay{ | |
-webkit-transition:all .3s ease-out; | |
-moz-transition:all .3s ease-out; | |
-ms-transition:all .3s ease-out; | |
-o-transition:all .3s ease-out; | |
box-sizing:content-box | |
} | |
.introjs-bullets ul,.introjs-bullets ul li,.introjs-bullets ul li a,.introjs-button,.introjs-helperLayer,.introjs-helperNumberLayer,.introjs-hint,.introjs-overlay,.introjs-progress,.introjs-progressbar,.introjs-tooltip,.introjs-tooltipReferenceLayer{ | |
box-sizing:content-box | |
} | |
.pika-table,table{ | |
border-collapse:collapse; | |
border-spacing:0 | |
} | |
h1 .date,h1 span{ | |
text-overflow:ellipsis | |
} | |
.lightbox textarea,textarea{ | |
resize:vertical | |
} | |
.introjs-overlay{ | |
position:absolute; | |
z-index:999999; | |
opacity:0; | |
transition:all .3s ease-out | |
} | |
.introjs-fixParent{ | |
z-index:auto!important; | |
opacity:1!important; | |
-webkit-transform:none!important; | |
-moz-transform:none!important; | |
-ms-transform:none!important; | |
-o-transform:none!important; | |
transform:none!important | |
} | |
.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{ | |
z-index:9999999!important | |
} | |
.introjs-disableInteraction{ | |
z-index:99999999!important; | |
position:absolute; | |
background-color:#fff; | |
opacity:0; | |
filter:alpha(opacity=0) | |
} | |
.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{ | |
position:relative | |
} | |
.introjs-helperLayer{ | |
position:absolute; | |
z-index:9999998; | |
background-color:#FFF; | |
background-color:rgba(255,255,255,.9); | |
border:1px solid #777; | |
border-radius:4px; | |
transition:all .3s ease-out | |
} | |
.introjs-tooltipReferenceLayer{ | |
position:absolute; | |
visibility:hidden; | |
z-index:10000000; | |
background-color:transparent; | |
-webkit-transition:all .3s ease-out; | |
-moz-transition:all .3s ease-out; | |
-ms-transition:all .3s ease-out; | |
-o-transition:all .3s ease-out; | |
transition:all .3s ease-out | |
} | |
.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{ | |
-webkit-box-sizing:content-box; | |
-moz-box-sizing:content-box; | |
-ms-box-sizing:content-box; | |
-o-box-sizing:content-box; | |
box-sizing:content-box | |
} | |
.introjs-helperNumberLayer{ | |
position:absolute; | |
visibility:visible; | |
top:-16px; | |
left:-16px; | |
z-index:9999999999!important; | |
padding:2px; | |
font-family:Arial,verdana,tahoma; | |
font-size:13px; | |
font-weight:700; | |
color:#fff; | |
text-align:center; | |
text-shadow:1px 1px 1px rgba(0,0,0,.3); | |
background:#ff3019; | |
background:-webkit-linear-gradient(top,#ff3019 0,#cf0404 100%); | |
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3019),color-stop(100%,#cf0404)); | |
background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%); | |
background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%); | |
background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%); | |
background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%); | |
width:20px; | |
height:20px; | |
line-height:20px; | |
border:3px solid #fff; | |
border-radius:50%; | |
filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; | |
filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; | |
box-shadow:0 2px 5px rgba(0,0,0,.4) | |
} | |
.introjs-arrow{ | |
border:5px solid #fff; | |
content:''; | |
position:absolute | |
} | |
.introjs-arrow.top,.introjs-arrow.top-middle,.introjs-arrow.top-right{ | |
top:-10px; | |
border-color:transparent transparent #fff | |
} | |
.introjs-arrow.top-right{ | |
right:10px | |
} | |
.introjs-arrow.top-middle{ | |
left:50%; | |
margin-left:-5px | |
} | |
.introjs-arrow.left,.introjs-arrow.right{ | |
top:10px | |
} | |
.introjs-arrow.right,.introjs-arrow.right-bottom{ | |
right:-10px; | |
border-color:transparent transparent transparent #fff | |
} | |
.introjs-arrow.right-bottom{ | |
bottom:10px | |
} | |
.introjs-arrow.bottom{ | |
bottom:-10px; | |
border-color:#fff transparent transparent | |
} | |
.introjs-arrow.left,.introjs-arrow.left-bottom{ | |
left:-10px; | |
border-color:transparent #fff transparent transparent | |
} | |
.introjs-arrow.left-bottom{ | |
bottom:10px | |
} | |
.introjs-tooltip{ | |
position:absolute; | |
visibility:visible; | |
padding:10px; | |
background-color:#fff; | |
min-width:200px; | |
max-width:300px; | |
border-radius:3px; | |
-webkit-transition:opacity .1s ease-out; | |
-moz-transition:opacity .1s ease-out; | |
-ms-transition:opacity .1s ease-out; | |
-o-transition:opacity .1s ease-out; | |
transition:opacity .1s ease-out | |
} | |
.introjs-tooltipbuttons{ | |
text-align:right; | |
white-space:nowrap | |
} | |
.introjs-bullets,.pika-table th,.pika-title{ | |
text-align:center | |
} | |
.introjs-button{ | |
position:relative; | |
overflow:visible; | |
display:inline-block; | |
margin:10px 0 0; | |
text-decoration:none; | |
font:11px/normal sans-serif; | |
white-space:nowrap; | |
cursor:pointer; | |
outline:0; | |
-webkit-background-clip:padding; | |
-moz-background-clip:padding; | |
-o-background-clip:padding-box; | |
-webkit-border-radius:.2em; | |
-moz-border-radius:.2em; | |
zoom:1 | |
} | |
.introjs-button:hover{ | |
border-color:#bcbcbc; | |
text-decoration:none; | |
box-shadow:0 1px 1px #e3e3e3 | |
} | |
.introjs-button:active,.introjs-button:focus{ | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4)); | |
background-image:-moz-linear-gradient(#ececec,#f4f4f4); | |
background-image:-o-linear-gradient(#ececec,#f4f4f4); | |
background-image:linear-gradient(#ececec,#f4f4f4) | |
} | |
.introjs-button::-moz-focus-inner{ | |
padding:0; | |
border:0 | |
} | |
.introjs-skipbutton{ | |
box-sizing:content-box; | |
margin-right:5px; | |
color:#7a7a7a | |
} | |
.introjs-prevbutton{ | |
-webkit-border-radius:.2em 0 0 .2em; | |
-moz-border-radius:.2em 0 0 .2em; | |
border-radius:.2em 0 0 .2em; | |
border-right:none | |
} | |
.introjs-prevbutton.introjs-fullbutton{ | |
border:1px solid #d4d4d4; | |
-webkit-border-radius:.2em; | |
-moz-border-radius:.2em; | |
border-radius:.2em | |
} | |
.introjs-nextbutton{ | |
-webkit-border-radius:0 .2em .2em 0; | |
-moz-border-radius:0 .2em .2em 0; | |
border-radius:0 .2em .2em 0 | |
} | |
.introjs-nextbutton.introjs-fullbutton{ | |
-webkit-border-radius:.2em; | |
-moz-border-radius:.2em; | |
border-radius:.2em | |
} | |
.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{ | |
color:#9a9a9a; | |
border-color:#d4d4d4; | |
box-shadow:none; | |
cursor:default; | |
background-color:#f4f4f4; | |
background-image:none; | |
text-decoration:none | |
} | |
.introjs-hidden{ | |
display:none | |
} | |
.introjs-bullets ul{ | |
clear:both; | |
margin:15px auto 0; | |
padding:0; | |
display:inline-block | |
} | |
.introjs-bullets ul li{ | |
list-style:none; | |
float:left; | |
margin:0 2px | |
} | |
.introjs-bullets ul li a{ | |
display:block; | |
width:6px; | |
height:6px; | |
background:#ccc; | |
border-radius:10px; | |
-moz-border-radius:10px; | |
-webkit-border-radius:10px; | |
text-decoration:none; | |
cursor:pointer | |
} | |
.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover{ | |
background:#999 | |
} | |
.introjs-progress{ | |
overflow:hidden; | |
height:10px; | |
margin:10px 0 5px; | |
border-radius:4px; | |
background-color:#ecf0f1 | |
} | |
.introjs-progressbar{ | |
float:left; | |
width:0%; | |
height:100%; | |
font-size:10px; | |
line-height:10px; | |
text-align:center; | |
background-color:#08c | |
} | |
.introjsFloatingElement{ | |
position:absolute; | |
height:0; | |
width:0; | |
left:50%; | |
top:50% | |
} | |
.introjs-fixedTooltip{ | |
position:fixed | |
} | |
.introjs-hint{ | |
position:absolute; | |
background:0 0; | |
width:20px; | |
height:15px; | |
cursor:pointer | |
} | |
.introjs-hint:focus{ | |
border:0; | |
outline:0 | |
} | |
.introjs-hidehint{ | |
display:none | |
} | |
.introjs-fixedhint{ | |
position:fixed | |
} | |
.introjs-hint-dot,.introjs-hint-pulse{ | |
box-sizing:content-box; | |
position:absolute | |
} | |
.introjs-hint:hover>.introjs-hint-pulse{ | |
border:5px solid rgba(60,60,60,.57) | |
} | |
.introjs-hint-pulse{ | |
width:10px; | |
height:10px; | |
border:5px solid rgba(60,60,60,.27); | |
-webkit-border-radius:30px; | |
-moz-border-radius:30px; | |
border-radius:30px; | |
background-color:rgba(136,136,136,.24); | |
z-index:10; | |
-webkit-transition:all .2s ease-out; | |
-moz-transition:all .2s ease-out; | |
-ms-transition:all .2s ease-out; | |
-o-transition:all .2s ease-out; | |
transition:all .2s ease-out | |
} | |
.introjs-hint-no-anim .introjs-hint-dot{ | |
-webkit-animation:none; | |
-moz-animation:none; | |
animation:none | |
} | |
.introjs-hint-dot{ | |
border:10px solid rgba(146,146,146,.36); | |
background:0 0; | |
-webkit-border-radius:60px; | |
-moz-border-radius:60px; | |
border-radius:60px; | |
height:50px; | |
width:50px; | |
-webkit-animation:introjspulse 3s ease-out; | |
-moz-animation:introjspulse 3s ease-out; | |
animation:introjspulse 3s ease-out; | |
-webkit-animation-iteration-count:infinite; | |
-moz-animation-iteration-count:infinite; | |
animation-iteration-count:infinite; | |
top:-25px; | |
left:-25px; | |
z-index:1; | |
opacity:0 | |
} | |
@-webkit-keyframes introjspulse{ | |
0%{ | |
-webkit-transform:scale(0); | |
opacity:0 | |
} | |
25%{ | |
-webkit-transform:scale(0); | |
opacity:.1 | |
} | |
50%{ | |
-webkit-transform:scale(.1); | |
opacity:.3 | |
} | |
75%{ | |
-webkit-transform:scale(.5); | |
opacity:.5 | |
} | |
100%{ | |
-webkit-transform:scale(1); | |
opacity:0 | |
} | |
} | |
@-moz-keyframes introjspulse{ | |
0%{ | |
-moz-transform:scale(0); | |
opacity:0 | |
} | |
25%{ | |
-moz-transform:scale(0); | |
opacity:.1 | |
} | |
50%{ | |
-moz-transform:scale(.1); | |
opacity:.3 | |
} | |
75%{ | |
-moz-transform:scale(.5); | |
opacity:.5 | |
} | |
100%{ | |
-moz-transform:scale(1); | |
opacity:0 | |
} | |
} | |
@keyframes introjspulse{ | |
0%{ | |
transform:scale(0); | |
opacity:0 | |
} | |
25%{ | |
transform:scale(0); | |
opacity:.1 | |
} | |
50%{ | |
transform:scale(.1); | |
opacity:.3 | |
} | |
75%{ | |
transform:scale(.5); | |
opacity:.5 | |
} | |
100%{ | |
transform:scale(1); | |
opacity:0 | |
} | |
} | |
.gu-mirror{ | |
position:fixed!important; | |
margin:0!important; | |
z-index:9999!important; | |
opacity:.8; | |
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
filter:alpha(opacity=80) | |
} | |
.gu-hide{ | |
display:none!important | |
} | |
.gu-unselectable{ | |
-webkit-user-select:none!important; | |
-moz-user-select:none!important; | |
-ms-user-select:none!important; | |
user-select:none!important | |
} | |
.gu-transit{ | |
opacity:.2; | |
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; | |
filter:alpha(opacity=20) | |
} | |
.awesomplete [hidden]{ | |
display:none | |
} | |
.awesomplete .visually-hidden{ | |
position:absolute; | |
clip:rect(0,0,0,0) | |
} | |
.awesomplete{ | |
display:inline-block; | |
position:relative | |
} | |
.awesomplete>input{ | |
display:block | |
} | |
.awesomplete>ul{ | |
position:absolute; | |
left:0; | |
z-index:1; | |
min-width:100%; | |
box-sizing:border-box; | |
list-style:none; | |
padding:0; | |
border-radius:.3em; | |
margin:.2em 0 0; | |
background:hsla(0,0%,100%,.9); | |
background:linear-gradient(to bottom right,#fff,hsla(0,0%,100%,.8)); | |
border:1px solid rgba(0,0,0,.3); | |
box-shadow:.05em .2em .6em rgba(0,0,0,.2); | |
text-shadow:none | |
} | |
.awesomplete>ul:empty{ | |
display:none | |
} | |
@supports (transform:scale(0)){ | |
.awesomplete>ul{ | |
transition:.3s cubic-bezier(.4,.2,.5,1.4); | |
transform-origin:1.43em -.43em | |
} | |
.awesomplete>ul:empty,.awesomplete>ul[hidden]{ | |
opacity:0; | |
transform:scale(0); | |
display:block; | |
transition-timing-function:ease | |
} | |
} | |
.awesomplete>ul:before{ | |
content:""; | |
position:absolute; | |
top:-.43em; | |
left:1em; | |
width:0; | |
height:0; | |
padding:.4em; | |
background:#fff; | |
border:inherit; | |
border-right:0; | |
border-bottom:0; | |
-webkit-transform:rotate(45deg); | |
transform:rotate(45deg) | |
} | |
.awesomplete>ul>li{ | |
position:relative; | |
padding:.2em .5em; | |
cursor:pointer | |
} | |
.awesomplete>ul>li:hover{ | |
background:#b7d2e0; | |
color:#000 | |
} | |
.awesomplete>ul>li[aria-selected=true]{ | |
background:#3d6c8e; | |
color:#fff | |
} | |
.awesomplete mark{ | |
background:#e9ff00 | |
} | |
.awesomplete li:hover mark{ | |
background:#b5d100 | |
} | |
.awesomplete li[aria-selected=true] mark{ | |
background:#3c6b00; | |
color:inherit | |
} | |
.dropdown-menu{ | |
border:1px solid #ddd; | |
background-color:#fff | |
} | |
.dropdown-menu li{ | |
border-top:1px solid #ddd; | |
padding:2px 5px | |
} | |
.dropdown-menu li:first-child{ | |
border-top:none | |
} | |
.dropdown-menu .active,.dropdown-menu li:hover{ | |
background-color:#6eb7db; | |
color:#fff | |
} | |
.dropdown-menu .active>a,.dropdown-menu .active>a:hover{ | |
color:#fff | |
} | |
.dropdown-menu{ | |
list-style:none; | |
padding:0; | |
margin:0 | |
} | |
.dropdown-menu a:hover{ | |
cursor:pointer | |
} | |
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ | |
body{ | |
margin:0 | |
} | |
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ | |
display:block | |
} | |
audio,canvas,progress,video{ | |
display:inline-block; | |
vertical-align:baseline | |
} | |
audio:not([controls]){ | |
display:none; | |
height:0 | |
} | |
[hidden],template{ | |
display:none | |
} | |
a{ | |
background:0 0 | |
} | |
a:active,a:hover{ | |
outline:0 | |
} | |
abbr[title]{ | |
border-bottom:1px dotted | |
} | |
mark{ | |
background:#ff0; | |
color:#000 | |
} | |
sub,sup{ | |
line-height:0; | |
position:relative | |
} | |
sup{ | |
top:-.5em | |
} | |
sub{ | |
bottom:-.25em | |
} | |
svg:not(:root){ | |
overflow:hidden | |
} | |
hr{ | |
-moz-box-sizing:content-box; | |
box-sizing:content-box | |
} | |
pre,textarea{ | |
overflow:auto | |
} | |
button,input,optgroup,select,textarea{ | |
color:inherit; | |
font:inherit; | |
margin:0 | |
} | |
button{ | |
overflow:visible | |
} | |
button,select{ | |
text-transform:none | |
} | |
.project-values-title,h1{ | |
text-transform:uppercase | |
} | |
button,html input[type=button],input[type=reset],input[type=submit]{ | |
-webkit-appearance:button; | |
cursor:pointer | |
} | |
button[disabled],html input[disabled]{ | |
cursor:default | |
} | |
button::-moz-focus-inner,input::-moz-focus-inner{ | |
border:0; | |
padding:0 | |
} | |
input{ | |
line-height:normal | |
} | |
input[type=checkbox],input[type=radio]{ | |
box-sizing:border-box; | |
padding:0 | |
} | |
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ | |
height:auto | |
} | |
input[type=search]{ | |
-webkit-appearance:textfield; | |
-moz-box-sizing:content-box; | |
-webkit-box-sizing:content-box; | |
box-sizing:content-box | |
} | |
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ | |
-webkit-appearance:none | |
} | |
optgroup{ | |
font-weight:700 | |
} | |
/*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ | |
.pika-single{ | |
display:block; | |
position:relative; | |
padding:8px; | |
color:#333; | |
background:#fff; | |
border:1px solid #ccc; | |
border-bottom-color:#bbb; | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif | |
} | |
.pika-single.is-hidden{ | |
display:none | |
} | |
.pika-single.is-bound{ | |
position:absolute; | |
box-shadow:0 5px 15px -5px rgba(0,0,0,.5) | |
} | |
.pika-title{ | |
position:relative | |
} | |
.pika-label{ | |
display:inline-block; | |
position:relative; | |
z-index:9999; | |
overflow:hidden; | |
margin:0; | |
padding:5px 3px; | |
font-size:14px; | |
line-height:20px; | |
font-weight:700; | |
background-color:#fff | |
} | |
.pika-title select{ | |
cursor:pointer; | |
position:absolute; | |
z-index:9998; | |
margin:0; | |
left:0; | |
top:5px; | |
filter:alpha(opacity=0); | |
opacity:0 | |
} | |
.pika-next,.pika-prev{ | |
display:block; | |
cursor:pointer; | |
position:relative; | |
outline:0; | |
border:0; | |
padding:0; | |
width:20px; | |
height:30px; | |
text-indent:20px; | |
white-space:nowrap; | |
overflow:hidden; | |
background-color:transparent; | |
background-position:center center; | |
background-repeat:no-repeat; | |
background-size:75% 75%; | |
opacity:.5 | |
} | |
.pika-next:hover,.pika-prev:hover{ | |
opacity:1 | |
} | |
.is-rtl .pika-next,.pika-prev{ | |
float:left; | |
background-image:url(data:image/png; | |
base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==) | |
} | |
.is-rtl .pika-prev,.pika-next{ | |
float:right; | |
background-image:url(data:image/png; | |
base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=) | |
} | |
.pika-next.is-disabled,.pika-prev.is-disabled{ | |
cursor:default; | |
opacity:.2 | |
} | |
.pika-select{ | |
display:inline-block | |
} | |
.pika-table{ | |
width:100%; | |
border:0 | |
} | |
.pika-table td,.pika-table th{ | |
width:14.285714285714286%; | |
padding:0 | |
} | |
.pika-table th{ | |
color:#999; | |
font-size:12px; | |
line-height:25px; | |
font-weight:700 | |
} | |
.pika-button{ | |
cursor:pointer; | |
display:block; | |
outline:0; | |
border:0; | |
margin:0; | |
width:100%; | |
padding:5px; | |
color:#666; | |
font-size:12px; | |
line-height:15px; | |
text-align:right; | |
background:#f5f5f5 | |
} | |
.medium-editor-anchor-preview,.medium-editor-toolbar{ | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; | |
font-size:16px; | |
top:0; | |
z-index:2000 | |
} | |
.is-today .pika-button{ | |
color:#3af; | |
font-weight:700 | |
} | |
.is-selected .pika-button{ | |
color:#fff; | |
font-weight:700; | |
background:#3af; | |
box-shadow:inset 0 1px 3px #178fe5; | |
border-radius:3px | |
} | |
.is-disabled .pika-button{ | |
pointer-events:none; | |
cursor:default; | |
color:#999; | |
opacity:.3 | |
} | |
.pika-button:hover{ | |
color:#fff!important; | |
background:#ff8000!important; | |
box-shadow:none!important; | |
border-radius:3px!important | |
} | |
@-webkit-keyframes medium-editor-image-loading{ | |
0%{ | |
-webkit-transform:scale(0); | |
transform:scale(0) | |
} | |
100%{ | |
-webkit-transform:scale(1); | |
transform:scale(1) | |
} | |
} | |
@keyframes medium-editor-image-loading{ | |
0%{ | |
-webkit-transform:scale(0); | |
transform:scale(0) | |
} | |
100%{ | |
-webkit-transform:scale(1); | |
transform:scale(1) | |
} | |
} | |
@-webkit-keyframes medium-editor-pop-upwards{ | |
0%{ | |
opacity:0; | |
-webkit-transform:matrix(.97,0,0,1,0,12); | |
transform:matrix(.97,0,0,1,0,12) | |
} | |
20%{ | |
opacity:.7; | |
-webkit-transform:matrix(.99,0,0,1,0,2); | |
transform:matrix(.99,0,0,1,0,2) | |
} | |
40%{ | |
opacity:1; | |
-webkit-transform:matrix(1,0,0,1,0,-1); | |
transform:matrix(1,0,0,1,0,-1) | |
} | |
100%{ | |
-webkit-transform:matrix(1,0,0,1,0,0); | |
transform:matrix(1,0,0,1,0,0) | |
} | |
} | |
@keyframes medium-editor-pop-upwards{ | |
0%{ | |
opacity:0; | |
-webkit-transform:matrix(.97,0,0,1,0,12); | |
transform:matrix(.97,0,0,1,0,12) | |
} | |
20%{ | |
opacity:.7; | |
-webkit-transform:matrix(.99,0,0,1,0,2); | |
transform:matrix(.99,0,0,1,0,2) | |
} | |
40%{ | |
opacity:1; | |
-webkit-transform:matrix(1,0,0,1,0,-1); | |
transform:matrix(1,0,0,1,0,-1) | |
} | |
100%{ | |
-webkit-transform:matrix(1,0,0,1,0,0); | |
transform:matrix(1,0,0,1,0,0) | |
} | |
} | |
.medium-editor-anchor-preview{ | |
left:0; | |
line-height:1.4; | |
max-width:280px; | |
position:absolute; | |
text-align:center; | |
word-break:break-all; | |
word-wrap:break-word; | |
visibility:hidden | |
} | |
.medium-editor-anchor-preview a{ | |
color:#fff; | |
display:inline-block; | |
margin:5px 5px 10px | |
} | |
.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{ | |
content:attr(data-placeholder)!important; | |
padding:inherit; | |
margin:inherit; | |
white-space:pre; | |
font-style:italic | |
} | |
.medium-editor-anchor-preview-active{ | |
visibility:visible | |
} | |
.medium-editor-dragover{ | |
background:#ddd | |
} | |
.medium-editor-image-loading{ | |
-webkit-animation:medium-editor-image-loading 1s infinite ease-in-out; | |
animation:medium-editor-image-loading 1s infinite ease-in-out; | |
background-color:#333; | |
border-radius:100%; | |
display:inline-block; | |
height:40px; | |
width:40px | |
} | |
.medium-editor-placeholder{ | |
position:relative | |
} | |
.medium-editor-placeholder:after{ | |
position:absolute; | |
left:0; | |
top:0 | |
} | |
.medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after{ | |
position:relative | |
} | |
.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{ | |
border-style:solid; | |
content:''; | |
display:block; | |
height:0; | |
left:50%; | |
margin-left:-8px; | |
position:absolute; | |
width:0 | |
} | |
.medium-toolbar-arrow-under:after{ | |
border-width:8px 8px 0 | |
} | |
.medium-toolbar-arrow-over:before{ | |
border-width:0 8px 8px | |
} | |
.medium-editor-toolbar{ | |
left:0; | |
position:absolute; | |
visibility:hidden | |
} | |
.medium-editor-toolbar ul{ | |
margin:0; | |
padding:0 | |
} | |
.medium-editor-toolbar li{ | |
float:left; | |
list-style:none; | |
margin:0; | |
padding:0 | |
} | |
.medium-editor-toolbar li button{ | |
box-sizing:border-box; | |
cursor:pointer; | |
display:block; | |
font-size:14px; | |
line-height:1.33; | |
margin:0; | |
padding:15px; | |
text-decoration:none | |
} | |
.medium-editor-toolbar li button:focus{ | |
outline:0 | |
} | |
.medium-editor-toolbar li .medium-editor-action-underline{ | |
text-decoration:underline | |
} | |
.medium-editor-toolbar li .medium-editor-action-pre{ | |
font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; | |
font-size:12px; | |
font-weight:100; | |
padding:15px 0 | |
} | |
.medium-editor-toolbar-active{ | |
visibility:visible | |
} | |
.medium-editor-sticky-toolbar{ | |
position:fixed; | |
top:1px | |
} | |
.master,.medium-editor-relative-toolbar{ | |
position:relative | |
} | |
.medium-editor-toolbar-active.medium-editor-stalker-toolbar{ | |
-webkit-animation:medium-editor-pop-upwards 160ms forwards linear; | |
animation:medium-editor-pop-upwards 160ms forwards linear | |
} | |
.medium-editor-action-bold{ | |
font-weight:bolder | |
} | |
.medium-editor-action-italic{ | |
font-style:italic | |
} | |
.medium-editor-toolbar-form{ | |
display:none | |
} | |
.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{ | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif | |
} | |
.medium-editor-toolbar-form .medium-editor-toolbar-form-row{ | |
line-height:14px; | |
margin-left:5px; | |
padding-bottom:5px | |
} | |
.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{ | |
border:none; | |
box-sizing:border-box; | |
font-size:14px; | |
margin:0; | |
padding:6px; | |
width:316px; | |
display:inline-block | |
} | |
body,html{ | |
width:100% | |
} | |
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{ | |
-webkit-appearance:none; | |
-moz-appearance:none; | |
appearance:none; | |
border:none; | |
box-shadow:none; | |
outline:0 | |
} | |
.medium-editor-toolbar-form a{ | |
display:inline-block; | |
font-size:24px; | |
font-weight:bolder; | |
margin:0 10px; | |
text-decoration:none | |
} | |
.medium-editor-toolbar-form-active{ | |
display:block | |
} | |
.medium-editor-toolbar-actions:after{ | |
clear:both; | |
content:""; | |
display:table | |
} | |
.medium-editor-element{ | |
word-wrap:break-word; | |
min-height:30px | |
} | |
.master,body,html{ | |
min-height:100% | |
} | |
.medium-editor-element img{ | |
max-width:100% | |
} | |
.medium-editor-element sub{ | |
vertical-align:sub | |
} | |
.medium-editor-element sup{ | |
vertical-align:super | |
} | |
.medium-editor-hidden{ | |
display:none | |
} | |
.medium-toolbar-arrow-under:after{ | |
border-color:#242424 transparent transparent; | |
top:50px | |
} | |
.medium-toolbar-arrow-over:before{ | |
border-color:transparent transparent #242424; | |
top:-8px | |
} | |
.medium-editor-toolbar{ | |
background-color:#242424; | |
background:-webkit-linear-gradient(top,#242424,rgba(36,36,36,.75)); | |
background:linear-gradient(to bottom,#242424,rgba(36,36,36,.75)); | |
border:1px solid #000; | |
border-radius:5px; | |
box-shadow:0 0 3px #000 | |
} | |
.medium-editor-toolbar li button{ | |
background-color:#242424; | |
background:-webkit-linear-gradient(top,#242424,rgba(36,36,36,.89)); | |
background:linear-gradient(to bottom,#242424,rgba(36,36,36,.89)); | |
border:0; | |
border-right:1px solid #000; | |
border-left:1px solid #333; | |
border-left:1px solid rgba(255,255,255,.1); | |
box-shadow:0 2px 2px rgba(0,0,0,.3); | |
color:#fff; | |
height:50px; | |
min-width:50px; | |
-webkit-transition:background-color .2s ease-in; | |
transition:background-color .2s ease-in | |
} | |
.medium-editor-toolbar li button:hover{ | |
background-color:#000; | |
color:#ff0 | |
} | |
.medium-editor-toolbar li .medium-editor-button-first{ | |
border-bottom-left-radius:5px; | |
border-top-left-radius:5px | |
} | |
.medium-editor-toolbar li .medium-editor-button-last{ | |
border-bottom-right-radius:5px; | |
border-top-right-radius:5px | |
} | |
.medium-editor-toolbar li .medium-editor-button-active{ | |
background-color:#000; | |
background:-webkit-linear-gradient(top,#242424,rgba(0,0,0,.89)); | |
background:linear-gradient(to bottom,#242424,rgba(0,0,0,.89)) | |
} | |
.medium-editor-toolbar-form{ | |
background:#242424; | |
border-radius:5px; | |
color:#999 | |
} | |
.medium-editor-toolbar-form .medium-editor-toolbar-input{ | |
background:#242424; | |
box-sizing:border-box; | |
color:#ccc; | |
height:50px | |
} | |
.medium-editor-toolbar-form a{ | |
color:#fff | |
} | |
.medium-editor-toolbar-anchor-preview{ | |
background:#242424; | |
border-radius:5px; | |
color:#fff | |
} | |
.medium-editor-placeholder:after{ | |
color:#b3b3b1 | |
} | |
code[class*=language-],pre[class*=language-]{ | |
color:#f8f8f2; | |
background:0 0; | |
text-shadow:0 1px rgba(0,0,0,.3); | |
font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace; | |
text-align:left; | |
white-space:pre; | |
word-spacing:normal; | |
word-break:normal; | |
word-wrap:normal; | |
line-height:1.5; | |
-moz-tab-size:4; | |
-o-tab-size:4; | |
tab-size:4; | |
-webkit-hyphens:none; | |
-moz-hyphens:none; | |
-ms-hyphens:none; | |
hyphens:none | |
} | |
pre[class*=language-]{ | |
padding:1em; | |
margin:.5em 0; | |
overflow:auto; | |
border-radius:.3em | |
} | |
.loader-active,body.loading-project,h1 .date,h1 span{ | |
overflow:hidden | |
} | |
:not(pre)>code[class*=language-],pre[class*=language-]{ | |
background:#272822 | |
} | |
:not(pre)>code[class*=language-]{ | |
padding:.1em; | |
border-radius:.3em; | |
white-space:normal | |
} | |
.prism-token.prism-cdata,.prism-token.prism-comment,.prism-token.prism-doctype,.prism-token.prism-prolog{ | |
color:#708090 | |
} | |
.prism-token.prism-punctuation{ | |
color:#f8f8f2 | |
} | |
.prism-namespace{ | |
opacity:.7 | |
} | |
.prism-token.prism-constant,.prism-token.prism-deleted,.prism-token.prism-property,.prism-token.prism-symbol,.prism-token.prism-tag{ | |
color:#f92672 | |
} | |
.prism-token.prism-boolean,.prism-token.prism-number{ | |
color:#ae81ff | |
} | |
.prism-token.prism-attr-name,.prism-token.prism-builtin,.prism-token.prism-char,.prism-token.prism-inserted,.prism-token.prism-selector,.prism-token.prism-string{ | |
color:#a6e22e | |
} | |
.prism-language-css .prism-token.prism-string,.prism-style .prism-token.prism-string,.prism-token.prism-entity,.prism-token.prism-operator,.prism-token.prism-url,.prism-token.prism-variable{ | |
color:#f8f8f2 | |
} | |
.prism-token.prism-atrule,.prism-token.prism-attr-value,.prism-token.prism-function{ | |
color:#e6db74 | |
} | |
.prism-token.prism-keyword{ | |
color:#66d9ef | |
} | |
.prism-token.prism-important,.prism-token.prism-regex{ | |
color:#fd971f | |
} | |
.prism-token.prism-bold,.prism-token.prism-important{ | |
font-weight:700 | |
} | |
.prism-token.prism-italic{ | |
font-style:italic | |
} | |
.prism-token.prism-entity{ | |
cursor:help | |
} | |
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{ | |
margin:0; | |
padding:0; | |
border:0; | |
font:inherit; | |
vertical-align:baseline | |
} | |
h1,p{ | |
line-height:1.5 | |
} | |
.wysiwyg dl dt,.wysiwyg i,em{ | |
font-style:italic | |
} | |
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ | |
display:block | |
} | |
blockquote,q{ | |
quotes:none | |
} | |
blockquote:after,blockquote:before,q:after,q:before{ | |
content:""; | |
content:none | |
} | |
*{ | |
box-sizing:border-box | |
} | |
html{ | |
-ms-text-size-adjust:100%; | |
-webkit-text-size-adjust:100% | |
} | |
body{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
line-height:1.3 | |
} | |
body .master.ng-animate{ | |
transition:0 | |
} | |
.drag-active{ | |
overflow-x:hidden | |
} | |
.master{ | |
height:100% | |
} | |
.menu-secondary,.menu-tertiary,.wrapper{ | |
min-height:calc(100vh - 40px) | |
} | |
.centered{ | |
margin:1rem auto; | |
max-width:1200px; | |
min-width:960px; | |
width:90% | |
} | |
.wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
height:100% | |
} | |
.menu-secondary{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
min-width:0; | |
padding:1rem; | |
width:320px | |
} | |
.menu-secondary .search-in{ | |
margin-top:.5rem | |
} | |
.menu-tertiary{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
width:250px | |
} | |
.main{ | |
-ms-flex:1; | |
flex:1; | |
min-width:0; | |
padding:1rem 2rem | |
} | |
.hidden{ | |
display:none!important | |
} | |
.header-with-actions{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:1rem | |
} | |
.header-with-actions header{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.header-with-actions .action-buttons{ | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.header-with-actions .button{ | |
color:#fff; | |
float:right; | |
margin-left:10px | |
} | |
.header-with-actions .button:hover{ | |
color:#fff | |
} | |
.header-with-actions h1{ | |
margin-bottom:0 | |
} | |
@font-face{ | |
font-family:OpenSans-CondLight; | |
src:url(../fonts/OpenSans-CondLight.ttf) format("truetype") | |
} | |
@font-face{ | |
font-family:OpenSans-Light; | |
src:url(../fonts/OpenSans-Light.ttf) format("truetype") | |
} | |
@font-face{ | |
font-family:OpenSans-Regular; | |
src:url(../fonts/OpenSans-Regular.ttf) format("truetype") | |
} | |
@font-face{ | |
font-family:OpenSans-Semibold; | |
src:url(../fonts/OpenSans-Semibold.ttf) format("truetype") | |
} | |
@font-face{ | |
font-family:taiga; | |
font-style:normal; | |
font-weight:400; | |
src:url(../fonts/taiga.eot); | |
src:url(../fonts/taiga.eot?) format("eot"),url(../fonts/taiga.woff) format("woff"),url(../fonts/taiga.ttf) format("truetype") | |
} | |
h1,h2,h3,h4,h5,h6{ | |
font-weight:400; | |
line-height:1.5 | |
} | |
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ | |
font-weight:inherit | |
} | |
.wysiwyg b,.wysiwyg dl dt,strong,tg-wysiwyg .mention{ | |
font-weight:700 | |
} | |
h1{ | |
font-size:2rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-bottom:1rem | |
} | |
h1 span,h2{ | |
font-size:1.6rem | |
} | |
h1 span{ | |
margin-right:.5rem; | |
vertical-align:bottom; | |
white-space:nowrap | |
} | |
h1 span.green,h1 span:last-child{ | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
h1 .project-name{ | |
display:inline-block; | |
margin-bottom:0 | |
} | |
blockquote,p{ | |
margin:0 0 20px | |
} | |
h1 .project-name-short{ | |
display:inline-block; | |
max-width:40% | |
} | |
h1 .green{ | |
color:#3f51b5 | |
} | |
h1 .date{ | |
display:inline-block; | |
max-width:500px; | |
white-space:nowrap; | |
word-wrap:normal; | |
color:#BDBDBD | |
} | |
h2{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
line-height:1.2; | |
margin-bottom:1rem | |
} | |
p img{ | |
margin:0 | |
} | |
small{ | |
font-size:1rem | |
} | |
hr{ | |
border:solid #212121; | |
border-width:1px 0 0; | |
clear:both; | |
height:0; | |
margin:10px 0 30px | |
} | |
a,a:visited{ | |
text-decoration:none | |
} | |
a:hover,a:visited:hover{ | |
transition:color .3s linear | |
} | |
@keyframes loading{ | |
0%{ | |
-webkit-filter:blur(5px); | |
filter:blur(5px); | |
opacity:0 | |
} | |
100%{ | |
-webkit-filter:blur(0); | |
filter:blur(0); | |
opacity:1 | |
} | |
} | |
@keyframes rotate{ | |
50%{ | |
-webkit-filter:invert(1); | |
filter:invert(1); | |
transform:rotate(360deg) | |
} | |
} | |
@keyframes formSlide{ | |
0%{ | |
-webkit-filter:blur(5px); | |
filter:blur(5px); | |
opacity:0; | |
transform:translateY(10rem) | |
} | |
50%{ | |
-webkit-filter:blur(0); | |
filter:blur(0) | |
} | |
100%{ | |
opacity:1; | |
transform:translateY(0) | |
} | |
} | |
@keyframes loadBar{ | |
0%,20%{ | |
-ms-flex:1; | |
flex:1 | |
} | |
10%{ | |
-ms-flex:10; | |
flex:10 | |
} | |
} | |
@keyframes dropdownFade{ | |
0%{ | |
opacity:0; | |
transform:translateY(-.25rem) | |
} | |
60%{ | |
opacity:1 | |
} | |
100%{ | |
transform:translateY(0) | |
} | |
} | |
@keyframes blink{ | |
85%{ | |
opacity:1 | |
} | |
100%{ | |
opacity:.6 | |
} | |
} | |
blockquote,blockquote p{ | |
line-height:1.25rem | |
} | |
blockquote{ | |
padding:.5rem 1.25rem | |
} | |
blockquote cite{ | |
font-size:.9rem; | |
display:block | |
} | |
blockquote cite::before{ | |
content:'\2014 \0020' | |
} | |
ol,ul{ | |
margin-bottom:20px | |
} | |
ul{ | |
list-style:none | |
} | |
ol{ | |
list-style:decimal | |
} | |
.card-task,.main-nav,.wysiwyg .list-stye-none{ | |
list-style:none | |
} | |
sup{ | |
font-size:.9rem; | |
vertical-align:super | |
} | |
.clickable{ | |
cursor:pointer | |
} | |
.not-clickable{ | |
cursor:default | |
} | |
.draggable{ | |
cursor:move | |
} | |
svg{ | |
height:1rem; | |
width:1rem | |
} | |
.pika-single{ | |
min-width:240px; | |
width:auto; | |
z-index:999999 | |
} | |
.pika-single .pika-title{ | |
color:#424242 | |
} | |
.pika-single .is-selected .pika-button{ | |
background:#3f51b5; | |
border-radius:0!important; | |
box-shadow:inset 0 1px 3px #3f51b5 | |
} | |
.pika-single .is-today .pika-button{ | |
color:#3f51b5 | |
} | |
.pika-single .is-today.is-selected button{ | |
color:#fff | |
} | |
.pika-single .pika-button:hover{ | |
background:#8c9eff!important; | |
border-radius:0!important; | |
box-shadow:inset 0 1px 3px #8c9eff!important | |
} | |
div.awesomplete>ul,div.awesomplete>ul::before{ | |
background:rgba(0,0,0,.95) | |
} | |
.spin img{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:2rem; | |
max-width:2rem | |
} | |
.capslock.ng-enter,.capslock.ng-leave{ | |
animation:dropdownFade .2s ease-in | |
} | |
div.awesomplete input{ | |
display:inline-block | |
} | |
div.awesomplete>ul{ | |
color:#8c9eff; | |
top:2.25rem; | |
transition:all .2s ease | |
} | |
div.awesomplete>ul[hidden]{ | |
position:absolute; | |
top:1.5rem; | |
transform:scale(1) | |
} | |
div.awesomplete li:hover mark,div.awesomplete mark,div.awesomplete>ul>li:hover{ | |
background:#8c9eff; | |
color:#000 | |
} | |
fieldset{ | |
border:0; | |
margin:0; | |
padding:0; | |
position:relative; | |
width:100% | |
} | |
input[type=number],input[type=text],input[type=password],input[type=url],input[type=email],input[type=date],select,textarea{ | |
border:1px solid; | |
margin:0; | |
padding:8px; | |
width:100% | |
} | |
input[type=number].checksley-error,input[type=text].checksley-error,input[type=password].checksley-error,input[type=url].checksley-error,input[type=email].checksley-error,input[type=date].checksley-error,select.checksley-error,textarea.checksley-error{ | |
transition:border .3s linear | |
} | |
button,button:active,button:focus{ | |
border:0; | |
outline:0 | |
} | |
textarea{ | |
min-height:10rem | |
} | |
.checksley-error-list{ | |
margin-bottom:0 | |
} | |
.checksley-error-list li{ | |
padding:.2rem | |
} | |
.capslock.ng-leave{ | |
animation-direction:reverse | |
} | |
.capslock .icon-capslock{ | |
bottom:.8rem; | |
fill:#757575; | |
height:.9rem; | |
position:absolute; | |
right:1rem; | |
width:.9rem | |
} | |
.admin-membership .limit-users-warning{ | |
font-size:.9rem; | |
color:#3f51b5; | |
margin-right:1rem | |
} | |
.admin-membership .check input{ | |
height:40px; | |
width:85px | |
} | |
.add-tag-container{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
margin:.5rem 0; | |
padding:1rem | |
} | |
.add-tag-container .color-column{ | |
cursor:pointer; | |
-ms-flex-preferred-size:60px; | |
flex-basis:60px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
position:relative | |
} | |
.add-tag-container .tag-name{ | |
-ms-flex-preferred-size:80%; | |
flex-basis:80%; | |
margin-right:1rem | |
} | |
.add-tag-container .options-column{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.add-tag-container .options-column .loading-spinner{ | |
margin-right:1.2rem; | |
width:1.2rem | |
} | |
.add-tag-container .current-color.empty-color{ | |
background:#f5f5f5; | |
border:1px solid #EEE; | |
position:relative | |
} | |
.add-tag-container .current-color.empty-color:after,.add-tag-container .current-color.empty-color:before{ | |
content:""; | |
width:2px; | |
height:54px; | |
background:#ff8282; | |
position:absolute; | |
top:0 | |
} | |
.add-tag-container .current-color.empty-color:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.add-tag-container .current-color.empty-color:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.add-tag-container input[type=text]{ | |
background:#fff | |
} | |
.add-tag-container .icon.icon-close,.add-tag-container .icon.icon-save{ | |
opacity:1 | |
} | |
.tags-table .table-tags-editor input[type=text]{ | |
background-color:transparent; | |
border:0; | |
border-bottom:1px solid transparent; | |
box-shadow:none; | |
transition:border-bottom .2s linear | |
} | |
.tags-table .table-tags-editor input[type=text]:focus{ | |
border-bottom:1px solid #757575; | |
outline:0 | |
} | |
.tags-table .table-tags-editor .row.header-tag-row{ | |
cursor:default; | |
padding-left:1rem | |
} | |
.tags-table .color-filter{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:0 10px; | |
position:relative | |
} | |
.tags-table .color-filter:hover input{ | |
border-bottom:1px solid #EEE | |
} | |
.tags-table .color-filter input{ | |
padding:0 | |
} | |
.tags-table .color-filter label{ | |
cursor:pointer | |
} | |
.tags-table .row.tag-row{ | |
margin:.3rem 0; | |
padding:.7rem | |
} | |
.tags-table .row.tag-row:hover{ | |
cursor:default | |
} | |
.tags-table .row .loading-spinner{ | |
margin-right:1.2rem; | |
width:1.2rem | |
} | |
.tags-table .mix-tags{ | |
position:relative | |
} | |
.tags-table .mix-tags .popover{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
background:#212121; | |
bottom:2rem; | |
color:#fff; | |
display:none; | |
list-style-type:none; | |
margin:0; | |
padding:10px; | |
position:absolute; | |
right:-85%; | |
width:120px; | |
z-index:99; | |
text-align:"center" | |
} | |
.tags-table .mix-tags .popover a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.tags-table .mix-tags .popover a:last-child{ | |
border:0 | |
} | |
.tags-table .mix-tags .popover a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.tags-table .mix-tags .popover a:hover.point{ | |
color:#fff | |
} | |
.tags-table .mix-tags .popover:after{ | |
background:#212121; | |
bottom:-5px; | |
content:''; | |
height:15px; | |
left:50%; | |
position:absolute; | |
transform:rotate(45deg); | |
width:1rem | |
} | |
.tags-table .mix-tags:hover .popover{ | |
display:block | |
} | |
.tags-table .mixing-options-column{ | |
text-align:right | |
} | |
.tags-table .mixing-options-column .loading-spinner{ | |
margin-right:1.2rem; | |
width:1.2rem | |
} | |
.tags-table .mixing-tags-from,.tags-table .mixing-tags-to{ | |
background:rgba(255,255,255,.2) | |
} | |
.tags-table .mixing-confirm{ | |
margin:0 .5rem | |
} | |
.tags-table .mixing-help-text{ | |
font-size:.75rem; | |
color:#1a237e; | |
display:inline; | |
padding-right:.5rem; | |
text-align:center | |
} | |
@media (max-width:1280px){ | |
.tags-table .mixing-help-text{ | |
display:block; | |
padding:.5rem | |
} | |
} | |
.tags-table .current-color.empty-color{ | |
background:#f5f5f5; | |
border:1px solid #EEE; | |
position:relative | |
} | |
.tags-table .current-color.empty-color:after,.tags-table .current-color.empty-color:before{ | |
content:""; | |
width:2px; | |
height:54px; | |
background:#ff8282; | |
position:absolute; | |
top:0 | |
} | |
.tags-table .current-color.empty-color:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.tags-table .current-color.empty-color:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.admin-attributes .admin-attributes-section{ | |
margin-bottom:2rem | |
} | |
.admin-attributes .admin-attributes-section .checksley-error-list{ | |
height:0; | |
position:relative | |
} | |
.admin-attributes .admin-attributes-section .checksley-error-list li{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
background:rgba(244,67,54,.7); | |
position:absolute; | |
width:100% | |
} | |
.admin-attributes .admin-attributes-section .admin-tags-section-wrapper-empty{ | |
color:#BDBDBD; | |
padding:10vh 0 0; | |
text-align:center | |
} | |
.admin-attributes .admin-attributes-section .loading-spinner{ | |
max-height:3rem; | |
max-width:3rem | |
} | |
.admin-roles header{ | |
position:relative | |
} | |
.admin-roles h1{ | |
margin-bottom:0 | |
} | |
.admin-roles p{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:1.2rem; | |
color:#BDBDBD | |
} | |
.auth .logo,.project-values-title h2{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.auth .logo,.auth .tagline{ | |
color:#fff; | |
text-align:center | |
} | |
.project-values-title{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.8em 1rem | |
} | |
.project-values-title h2{ | |
font-size:1.2rem; | |
margin:0 | |
} | |
.auth .logo,.auth .tagline,.auth form{ | |
margin-bottom:1rem | |
} | |
.project-values-title h2 span{ | |
margin-left:.5rem; | |
text-transform:none | |
} | |
.project-values-title a{ | |
display:inline-block | |
} | |
.auth{ | |
background:url(../images/bg.png) center center no-repeat; | |
background-size:cover; | |
-ms-flex-align:center; | |
align-items:center; | |
bottom:0; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:center; | |
justify-content:center; | |
left:0; | |
overflow-y:auto; | |
position:fixed; | |
right:0; | |
top:0; | |
z-index:999 | |
} | |
.auth .auth-container{ | |
-ms-flex-preferred-size:400px; | |
flex-basis:400px | |
} | |
.auth .logo-svg{ | |
text-align:center; | |
width:100% | |
} | |
.auth .logo-svg svg{ | |
height:8rem; | |
width:8rem | |
} | |
.auth .logo{ | |
font-size:3rem | |
} | |
.auth .tagline{ | |
font-size:2rem; | |
line-height:2rem; | |
text-transform:uppercase | |
} | |
.auth fieldset{ | |
margin-bottom:.5rem | |
} | |
.auth .login-text,.auth .register-text{ | |
margin-left:.5rem; | |
padding-bottom:1rem | |
} | |
.auth .login-text a,.auth .register-text a{ | |
text-decoration:underline | |
} | |
.auth .login-text a:hover,.auth .register-text a:hover{ | |
color:#8c9eff | |
} | |
.auth .register-terms{ | |
margin:.5rem 0 .75rem | |
} | |
.auth .button{ | |
color:#fff; | |
display:block; | |
text-align:center | |
} | |
.auth a:hover{ | |
color:#fff | |
} | |
.moustache{ | |
animation-duration:5s; | |
animation-iteration-count:infinite; | |
animation-name:moustache; | |
animation-timing-function:ease-in-out; | |
fill:rgba(63,81,181,.9); | |
stroke:#8c9eff; | |
stroke-width:1px; | |
transform-origin:50% 50%; | |
transition:.3s | |
} | |
.moustache:hover{ | |
fill:rgba(140,158,255,.9); | |
transition:.3s | |
} | |
@keyframes moustache{ | |
0%,30%,70%,90%{ | |
transform:rotate(0) | |
} | |
10%{ | |
transform:rotate(-10deg) | |
} | |
80%{ | |
transform:rotate(10deg) | |
} | |
} | |
.backlog-filter{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
opacity:0; | |
overflow:hidden; | |
position:relative; | |
transition:all .2s linear; | |
width:0 | |
} | |
.backlog-filter tg-filter{ | |
transform:translateX(-260px); | |
transition:all .2s linear | |
} | |
.backlog-filter.active tg-filter,.issues tg-filter{ | |
transform:translateX(0) | |
} | |
.backlog-filter.active{ | |
opacity:1; | |
transition:all .2s linear; | |
width:260px | |
} | |
.backlog-menu{ | |
background:#f5f5f5; | |
color:#212121; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:1rem | |
} | |
.backlog-menu .menu-button.move-to-sprint,.multiple-drag-mirror.us-item-row .icon-drag,.multiple-drag-mirror.us-item-row .points,.multiple-drag-mirror.us-item-row .status,.multiple-drag-mirror.us-item-row .tags-block,.multiple-drag-mirror.us-item-row .us-settings,.multiple-drag-mirror.us-item-row .votes,.multiple-drag-mirror.us-item-row input{ | |
display:none | |
} | |
@media (max-width:1280px){ | |
.backlog-menu{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
.backlog-menu .menu-button .icon-move{ | |
margin-right:.25rem | |
} | |
.backlog-menu .button-bulk{ | |
margin-left:.2rem | |
} | |
.multiple-drag-mirror.us-item-row{ | |
background:#fff; | |
border-radius:4px; | |
box-shadow:2px 2px 5px #757575; | |
min-height:calc(40px + 1rem); | |
opacity:.9; | |
padding:1rem | |
} | |
.multiple-drag-mirror.us-item-row.is-checked,.multiple-drag-mirror.us-item-row:hover{ | |
background:#fff | |
} | |
.forecasting-add-sprint{ | |
font-size:.9rem; | |
background:#f5f5f5; | |
cursor:pointer; | |
padding:.5rem 0; | |
text-align:center | |
} | |
.invitation-main .avatar .person-name,.invitation-main .invitation-text{ | |
font-size:1.2rem; | |
color:#fff; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.forecasting-add-sprint:hover{ | |
background:#ededed; | |
transition:background .2s | |
} | |
.forecasting-add-sprint .icon-add{ | |
width:1.75rem; | |
height:1.75rem; | |
background:#8c9eff; | |
fill:#fff; | |
margin-right:1rem; | |
padding:.25rem; | |
vertical-align:middle | |
} | |
.invitation-main{ | |
background:url(../images/invitation_bg.jpg) center center no-repeat; | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background-size:cover; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
height:100vh; | |
-ms-flex-pack:center; | |
justify-content:center; | |
z-index:999 | |
} | |
.kanban,.taskboard{ | |
height:calc(100vh - 40px) | |
} | |
.invitation-main .invitation-container{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
max-width:800px; | |
min-width:420px | |
} | |
.invitation-main .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.invitation-main .avatar img{ | |
margin-bottom:.5rem; | |
width:50px | |
} | |
.invitation-main .invitation-text{ | |
text-align:center | |
} | |
.invitation-main .invitation-text .project-name{ | |
font-size:2rem; | |
display:block; | |
text-transform:uppercase | |
} | |
.invitation-main .invitation-form{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:100%; | |
flex-basis:100%; | |
width:100% | |
} | |
.invitation-main .invitation-form fieldset{ | |
margin-bottom:.5rem | |
} | |
.error-main h1,.invitation-main .register-form fieldset:last-child{ | |
margin-bottom:1rem | |
} | |
.invitation-main .invitation-form input:focus+.forgot-pass{ | |
opacity:0; | |
transition:opacity .5s linear | |
} | |
.invitation-main .invitation-form .forgot-pass{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
opacity:1; | |
position:absolute; | |
right:1rem; | |
top:.5rem; | |
transition:all .3s linear | |
} | |
.invitation-main .invitation-form .forgot-pass:hover{ | |
color:#424242; | |
transition:color .3s linear | |
} | |
.invitation-main .login-form,.invitation-main .register-form{ | |
-ms-flex:1; | |
flex:1; | |
padding:1rem 3rem; | |
text-align:center | |
} | |
.invitation-main .login-form .form-header,.invitation-main .register-form .form-header{ | |
font-size:1.2rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#fff | |
} | |
.invitation-main .register-text{ | |
color:#fff; | |
font-size:.9rem; | |
margin-left:.5rem; | |
padding-bottom:1rem; | |
text-align:left | |
} | |
.invitation-main .register-text a{ | |
color:#3f51b5 | |
} | |
.invitation-main .button-auth{ | |
display:block | |
} | |
.invitation-main .button-blackish:hover{ | |
background:#3f51b5 | |
} | |
.invitation-main .login-form{ | |
border-right:1px solid rgba(255,255,255,.3) | |
} | |
.invitation-main .public-register-disabled{ | |
width:400px | |
} | |
.invitation-main .public-register-disabled .login-form{ | |
border-right:0 | |
} | |
.invitation-main .contrib-plugins-wrapper label{ | |
color:#EEE | |
} | |
.issues .filters-bar{ | |
position:relative; | |
width:260px | |
} | |
.kanban{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
max-height:calc(100vh - 40px); | |
max-width:calc(100vw - 50px); | |
position:relative | |
} | |
.kanban header{ | |
min-height:70px | |
} | |
.kanban .kanban-settings{ | |
float:right | |
} | |
.kanban .burndown-container{ | |
display:none | |
} | |
.kanban .zoom-loading img{ | |
display:block; | |
margin-right:1rem | |
} | |
.kanban-header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.kanban-header .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.taskboard-actions{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.error-main{ | |
background:url(../images/invitation_bg.jpg) center center no-repeat; | |
background-size:cover; | |
-ms-flex-align:center; | |
align-items:center; | |
bottom:0; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:center; | |
justify-content:center; | |
left:0; | |
position:fixed; | |
right:0; | |
top:0; | |
z-index:999 | |
} | |
.duty-content,.taskboard{ | |
position:relative | |
} | |
.error-main .error-container{ | |
color:#fff; | |
-ms-flex-preferred-size:400px; | |
flex-basis:400px; | |
text-align:center | |
} | |
.error-main .logo-svg{ | |
padding:0 32%; | |
text-align:center; | |
width:100% | |
} | |
.error-main h1{ | |
color:#fff | |
} | |
.error-main a{ | |
color:#8c9eff | |
} | |
.rtl .navbar .nav-right{ | |
margin:0 | |
} | |
.rtl .navbar .nav-right .user-avatar{ | |
padding-left:0; | |
padding-right:2em; | |
text-align:left | |
} | |
.rtl .navbar .nav-right img{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .admin-menu li a{ | |
padding:1rem 1rem 1rem 0 | |
} | |
.rtl h1 span{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl blockquote{ | |
border-left:0; | |
border-right:5px solid #f5f5f5 | |
} | |
.rtl .single-filter .name,.rtl .tag{ | |
border-color:transparent; | |
border-width:0 3px 0 0 | |
} | |
.rtl .tag{ | |
border-radius:5px 0 0 5px; | |
margin:0 0 .5rem .5rem | |
} | |
.rtl .tag .icon-close{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .home-wrapper .working-on-container{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .home-project .project-card-logo{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .home-project .project-card-statistics svg{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .contact-team-large .icon-mail{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .user-profile .project-details-image{ | |
margin-left:2rem; | |
margin-right:0 | |
} | |
.rtl .profile-timeline .activity-item .profile-contact-picture,.rtl .profile-timeline .activity-item .profile-member-picture,.rtl .single-project .project-logo{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .profile-timeline .activity-item{ | |
padding:1rem 0 1rem .5rem | |
} | |
.rtl .profile-timeline .activity-item .activity-date{ | |
left:.5rem; | |
right:auto | |
} | |
.rtl .profile-timeline .activity-item .activity-info{ | |
margin-left:130px; | |
margin-right:0 | |
} | |
.rtl .profile-timeline .activity-item blockquote{ | |
margin-left:0; | |
margin-right:calc(35px + 1rem) | |
} | |
.rtl .profile-timeline .single-attachment .icon{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .project-data .involved-team li{ | |
margin-left:.13rem; | |
margin-right:0 | |
} | |
.rtl .project-details-form-data .actions .delete-account{ | |
text-align:left | |
} | |
.rtl .backlog-table-body .backlog-table-title .user-stories,.rtl .backlog-table-body .row .user-stories,.rtl .backlog-table-body .user-story-name a,.rtl .backlog-table-header .backlog-table-title .user-stories,.rtl .backlog-table-header .row .user-stories,.rtl .issues-table .assigned-field,.rtl .issues-table .created-field,.rtl .issues-table .issue-field,.rtl .issues-table .subject a,.rtl .sprints .sprint-table .column-us{ | |
text-align:right | |
} | |
.rtl .project-data .timeline{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .track-icon{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .watch-options-arrow{ | |
margin-left:0; | |
margin-right:auto | |
} | |
.rtl .ticket-estimation .ticket-role-points .icon-arrow-down{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .ticket-watch .ticket-watch-button,.rtl .ticket-watch svg{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .related-tasks-body .task-assignedto .icon{ | |
left:.5rem; | |
right:0 | |
} | |
.rtl .related-tasks-body .avatar figcaption{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .related-tasks-body .task-name{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .related-tasks-body .task-name span{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl tg-filter .search-action{ | |
left:.7rem; | |
right:auto | |
} | |
.rtl .taskboard tg-filter{ | |
left:auto; | |
right:0; | |
transform:translateX(260px) | |
} | |
.rtl .taskboard tg-filter.open{ | |
transform:translateX(0) | |
} | |
.rtl .category-config .icon,.rtl .icon-arrow-left,.rtl .icon-arrow-right{ | |
transform:scaleX(-1) | |
} | |
.rtl .issues-options .button-bulk{ | |
margin-left:0; | |
margin-right:.2rem | |
} | |
.rtl .issues-table .assigned-field .icon,.rtl .issues-table .created-field .icon,.rtl .issues-table .issue-field .icon{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .issues-table .pop-status{ | |
left:auto; | |
right:0 | |
} | |
.rtl .issues-table .icon-upvote{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .highlighted .header svg,.rtl .issues-table .avatar figcaption{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .issues-table .subject{ | |
padding-left:1rem; | |
padding-right:0 | |
} | |
.rtl .issues-table .issue-assignedto .icon{ | |
left:0; | |
right:auto | |
} | |
.rtl .single-filter{ | |
padding-left:.5rem; | |
padding-right:0 | |
} | |
.rtl .single-filter .number{ | |
left:0; | |
right:auto | |
} | |
.rtl .single-filter .name{ | |
border-style:solid | |
} | |
.rtl .discover-header .search-button{ | |
left:1rem; | |
right:auto | |
} | |
.rtl .highlighted .header svg.icon-activity,.rtl .highlighted .header svg.icon-like{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .highlighted tg-most-liked{ | |
margin-left:8%; | |
margin-right:0 | |
} | |
.rtl .highlighted-project .statistic{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .highlighted-project .project-statistics svg{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .highlighted-project .project-logo{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .featured-project .project-card-logo{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .featured-project .project-card-statistics svg{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .project-list-wrapper .project-list{ | |
margin-left:2rem; | |
margin-right:0 | |
} | |
.rtl .project-list-wrapper .list-itemtype-project .list-itemtype-project-image{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .create-project-selector-question{ | |
left:1.5rem; | |
right:auto | |
} | |
.rtl .create-project-title-wrapper .icon{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .create-project-privacity label .icon{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .create-project-action-submit{ | |
margin-left:0; | |
margin-right:1rem | |
} | |
.rtl .summary-progress-bar{ | |
margin-left:10px; | |
margin-right:0 | |
} | |
.rtl .empty-burndown svg{ | |
margin-left:2rem; | |
margin-right:0 | |
} | |
.rtl .backlog-menu .button-bulk{ | |
margin-left:0; | |
margin-right:.2rem | |
} | |
.rtl .ticket-header .detail-status{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .ticket-status .level-name{ | |
float:left | |
} | |
.rtl .ticket-status .level{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .ticket-data-container .icon{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .ticket-assigned-to .assigned-to{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .user-list-avatar{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .user-list-name{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .assigned-to-list .user-list-multiple .remove-assigned-to,.rtl .assigned-to-list .user-list-single .remove-assigned-to,.rtl .ticket-assigned-to .remove-user,.rtl .ticket-assigned-users .remove-user,.rtl .ticket-watchers .delete-watcher{ | |
left:.5rem; | |
right:auto | |
} | |
.rtl .lightbox .close{ | |
left:3rem; | |
right:auto | |
} | |
.rtl .activity .activity-avatar,.rtl .comment .comment-avatar{ | |
margin-left:1.5rem; | |
margin-right:0 | |
} | |
.rtl .comment .comment-creator{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl tg-wysiwyg .tools{ | |
padding-left:0; | |
padding-right:1rem | |
} | |
.rtl .add-tag-button .icon-add{ | |
margin:.5rem 0 0 .25rem | |
} | |
.rtl .add-tag-input .save{ | |
margin:.5rem .5rem 0 0 | |
} | |
.rtl .issue-nav{ | |
left:1rem; | |
right:auto | |
} | |
.rtl .upvote-btn{ | |
margin-left:.3rem; | |
margin-right:0 | |
} | |
.rtl .taskboard-table-header .taskboard-table-inner{ | |
margin-left:1rem | |
} | |
.rtl .taskboard-table-header .task-colum-name{ | |
margin:0 0 0 5px | |
} | |
.rtl .kanban-table-header{ | |
margin-left:-3.7rem | |
} | |
.rtl .kanban-table-body .task-column,.rtl .kanban-table-header .task-colum-name,.rtl .taskboard-table-body .task-column{ | |
margin:0 0 0 5px | |
} | |
.rtl .kanban-table-body .task-column:last-child,.rtl .taskboard-table-body .task-column:last-child{ | |
margin-left:0; | |
margin-right:initial | |
} | |
.rtl .backlog-table-body .votes svg{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .backlog-table-header .backlog-table-title{ | |
padding-left:1rem; | |
padding-right:0 | |
} | |
.rtl .backlog-table-body .backlog-table-title .status,.rtl .backlog-table-body .row .status,.rtl .backlog-table-header .backlog-table-title .status,.rtl .backlog-table-header .row .status{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
text-align:right | |
} | |
.rtl .backlog-table-body .points .icon,.rtl .backlog-table-body .status .icon,.rtl .backlog-table-header .points .icon,.rtl .backlog-table-header .status .icon{ | |
margin-left:0; | |
margin-right:.2rem | |
} | |
.rtl .sprints .sprint-table .column-points,.rtl .ticket-created-by .created-by .created-date,.rtl .ticket-created-by .created-by .created-title{ | |
text-align:left | |
} | |
.rtl .sprints .sprint .edit-sprint{ | |
left:0; | |
margin-left:.5rem; | |
margin-right:0; | |
right:auto | |
} | |
.rtl .epic-row .progress-bar,.rtl .epic-row .progress-status{ | |
left:auto; | |
right:0 | |
} | |
.rtl .ticket-created-by .created-by .created-date,.rtl .ticket-created-by .user-avatar{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl tg-wysiwyg .markdown-editor-placeholder,.rtl tg-wysiwyg .medium-editor-placeholder{ | |
padding-left:0; | |
padding-right:1rem; | |
text-align:right | |
} | |
.rtl .attachments-header button{ | |
margin-left:.2rem; | |
margin-right:0 | |
} | |
.rtl .attachments-header label{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .attachment-list .attachment-comments,.rtl .attachment-list .editable-attachment-comment{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .attachment-list .editable-attachment-deprecated input{ | |
margin-left:.2rem; | |
margin-right:0 | |
} | |
.rtl .more-attachments .more-attachments-num{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .single-attachment .attachment-name{ | |
padding-left:1rem; | |
padding-right:0 | |
} | |
.rtl .single-attachment .attachment-name svg{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .wiki-nav .add-button svg{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .wiki-pages-table .created-field,.rtl .wiki-pages-table .creator-field,.rtl .wiki-pages-table .last-modifier-field,.rtl .wiki-pages-table .modified-field,.rtl .wiki-pages-table .title-field{ | |
text-align:right | |
} | |
.rtl .wiki-summary div{ | |
margin-left:1.25rem; | |
margin-right:0 | |
} | |
.rtl .summary .number{ | |
margin-left:.3rem; | |
margin-right:0 | |
} | |
.rtl .table-team .avatar .avatar-data{ | |
margin-left:0; | |
margin-right:1rem; | |
text-align:right | |
} | |
.rtl .table-team .leave-project .icon{ | |
margin-left:.2rem; | |
margin-right:0 | |
} | |
.rtl .belong-to-epic-text-wrapper{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .epics-table-options-wrapper{ | |
left:.5rem; | |
right:auto | |
} | |
.rtl .epics-table-dropdown{ | |
left:0; | |
right:auto | |
} | |
.rtl .epic-row .icon-upvote,.rtl .story-row .icon-upvote{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .story-row{ | |
margin-left:0; | |
margin-right:4rem | |
} | |
.rtl .epic-row .icon-arrow-down{ | |
margin-left:0; | |
margin-right:.1rem | |
} | |
.rtl .epic-header-container .color-selector{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .related-userstories-header .related-userstories-title{ | |
margin-left:0; | |
margin-right:1rem | |
} | |
.rtl tg-related-userstory-row .userstory-name{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl tg-related-userstory-row .userstory-name span{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl tg-related-userstory-row .avatar figcaption{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .card-owner-actions .icon{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .card-owner img{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .card-owner .card-owner-avatar img{ | |
margin-left:.45rem; | |
margin-right:0 | |
} | |
.rtl .card-statistics .statistic{ | |
margin-left:.5rem; | |
margin-right:.5rem | |
} | |
.rtl .card-statistics .icon{ | |
margin-left:.2rem; | |
margin-right:0 | |
} | |
.rtl .lightbox-create-related-user-stories .related-with-selector .related-with-selector-single:first-child{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .lightbox-create-related-user-stories .new-user-story-options{ | |
margin-left:0; | |
margin-right:auto | |
} | |
.rtl .lightbox-generic-form .settings fieldset{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .ticket-estimation .popover{ | |
left:auto; | |
right:.5rem | |
} | |
.rtl .ticket-estimation .popover::after{ | |
left:auto; | |
right:10px | |
} | |
.rtl .profile .timeline-wrapper{ | |
margin-left:3.5rem; | |
margin-right:0 | |
} | |
.rtl .profile .profile-bar{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .profile-content-tabs .icon{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .profile-sidebar h4 .icon{ | |
margin-left:.3rem; | |
margin-right:auto | |
} | |
.rtl .profile-filter .searchbox input{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .list-itemtype-project .list-itemtype-project-image,.rtl .list-itemtype-project .list-itemtype-track .list-itemtype-track-likers,.rtl .list-itemtype-ticket .list-itemtype-avatar,.rtl .list-itemtype-ticket .list-itemtype-track .list-itemtype-track-likers,.rtl .profile-filter .searchbox .icon-search{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .list-itemtype-project .list-itemtype-track-likers .icon,.rtl .list-itemtype-project .list-itemtype-track-watchers .icon,.rtl .list-itemtype-ticket .list-itemtype-track-likers .icon,.rtl .list-itemtype-ticket .list-itemtype-track-watchers .icon{ | |
margin-left:.25rem; | |
margin-right:0 | |
} | |
.rtl .list-itemtype-ticket.blocked-project .icon-blocked-project{ | |
margin-left:0; | |
margin-right:.25rem | |
} | |
.rtl .list-itemtype-ticket .list-itemtype-ticket-data{ | |
margin-left:1rem; | |
margin-right:0 | |
} | |
.rtl .list-itemtype-user .list-itemtype-avatar{ | |
margin-left:.75rem; | |
margin-right:0 | |
} | |
.rtl .admin-submenu ul a{ | |
padding:1rem 1rem 1rem 0 | |
} | |
.rtl .admin-functionalities .module-desc{ | |
margin:0 0 0 2rem | |
} | |
.rtl .admin-functionalities .module-icon{ | |
margin:0 0 0 .5rem | |
} | |
.rtl .project-details .project-details-image{ | |
margin-left:2rem; | |
margin-right:0 | |
} | |
.rtl .admin-project-profile-owner-actions .owner-info{ | |
padding-left:0; | |
padding-right:.5rem | |
} | |
.rtl .admin-roles .general-category .check{ | |
margin-left:0; | |
margin-right:.5rem | |
} | |
.rtl .help-button svg,.rtl .project-details .private-or-public svg{ | |
margin-left:.5rem; | |
margin-right:0 | |
} | |
.rtl .project-csv .option-wrapper{ | |
border-left:1px solid #BDBDBD; | |
border-radius:5px 0 0 5px; | |
border-right:0 | |
} | |
.rtl .colors-table .table-header .row{ | |
padding-left:0; | |
padding-right:50px | |
} | |
.rtl .basic-table .row{ | |
text-align:right | |
} | |
.rtl .admin-membership-table .avatar img{ | |
margin:0 .3rem 0 .5rem | |
} | |
.rtl .admin-membership-table .row-role{ | |
padding-left:1rem; | |
padding-right:0 | |
} | |
.rtl .project-details .get-feedback-inner .check,.rtl .project-details .looking-for-people-selector .check{ | |
margin-left:0; | |
margin-right:auto | |
} | |
.rtl .check input{ | |
left:auto; | |
right:-10px | |
} | |
.rtl .check input:checked+div{ | |
margin-left:0; | |
margin-right:50% | |
} | |
.rtl .check input:checked~.check-yes{ | |
left:.3rem; | |
right:auto | |
} | |
.rtl .check input~.check-no{ | |
left:auto; | |
right:.375rem | |
} | |
.rtl .notification-message-success{ | |
left:-370px; | |
right:auto | |
} | |
.rtl .notification-message-success.active{ | |
animation:animSlideRTL 2s | |
} | |
.rtl .notification-message-success.inactive{ | |
animation:animSlideOutRTL .5s | |
} | |
@keyframes animSlideRTL{ | |
0%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) | |
} | |
4.1%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,232.117,0,0,1) | |
} | |
8.11%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,357.804,0,0,1) | |
} | |
12.11%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,407.374,0,0,1) | |
} | |
16.12%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,417.342,0,0,1) | |
} | |
27.23%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,403.135,0,0,1) | |
} | |
38.34%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,399.585,0,0,1) | |
} | |
60.56%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,400.01,0,0,1) | |
} | |
100%,82.78%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,400,0,0,1) | |
} | |
} | |
@keyframes animSlideOutRTL{ | |
100%{ | |
opacity:1; | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,30,0,0,0,1) | |
} | |
0%{ | |
opacity:0; | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,30,0,0,0,1) | |
} | |
} | |
.taskboard{ | |
overflow:hidden | |
} | |
.taskboard .graphics-container,.taskboard .summary,.taskboard h1{ | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.taskboard .graphics-container{ | |
max-height:0; | |
transition:max-height .5s ease-in; | |
overflow:hidden | |
} | |
.taskboard .graphics-container.open{ | |
transition:max-height .5s ease-in; | |
max-height:300px | |
} | |
.taskboard .zoom-loading img{ | |
display:block; | |
margin-right:1rem | |
} | |
.taskboard-header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.taskboard-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100%; | |
overflow:hidden | |
} | |
.team h2{ | |
margin:1rem 0 | |
} | |
.team h2 span:last-child{ | |
color:#3f51b5 | |
} | |
.us-story-main-data{ | |
margin-bottom:1rem | |
} | |
.us-story-main-data header{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:.5rem | |
} | |
.subheader{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
@media (max-width:1280px){ | |
.subheader{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
} | |
.subheader .ticket-created-by{ | |
-ms-flex-preferred-size:250px; | |
flex-basis:250px; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
@media (max-width:1280px){ | |
.subheader .ticket-created-by{ | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
-ms-flex-order:1; | |
order:1 | |
} | |
} | |
.subheader .tags-block{ | |
-ms-flex:1; | |
flex:1 | |
} | |
@media (max-width:1280px){ | |
.subheader .tags-block{ | |
-ms-flex-order:2; | |
order:2 | |
} | |
} | |
.subheader .tags-block .tag{ | |
border-color:transparent; | |
border-style:solid | |
} | |
.duty-content .in-progress{ | |
cursor:progress | |
} | |
.duty-content:hover .view-description .edit{ | |
opacity:1; | |
top:-1.5rem; | |
transition:all .2s linear | |
} | |
.duty-content:hover .view-description .editable{ | |
background:#f5f5f5; | |
cursor:pointer | |
} | |
.duty-content:hover .view-description .no-description{ | |
color:#424242 | |
} | |
.duty-content.wysiwyg{ | |
overflow:visible | |
} | |
.duty-content .no-description{ | |
color:#BDBDBD | |
} | |
.duty-content .markdown{ | |
background:#fff; | |
height:10rem | |
} | |
.duty-content .save-container{ | |
position:absolute; | |
right:1rem; | |
top:.2rem | |
} | |
.duty-content .save-container:hover{ | |
opacity:.3; | |
transition:opacity .2s linear | |
} | |
.duty-content .save-container .loading-spinner{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:1.5rem; | |
max-width:1.5rem | |
} | |
.duty-content .edit{ | |
cursor:pointer; | |
fill:#757575 | |
} | |
.duty-content .view-description .edit{ | |
background:#f5f5f5; | |
height:2rem; | |
left:0; | |
opacity:0; | |
padding:.2rem .5rem; | |
position:absolute; | |
top:0; | |
transition:all .2s linear; | |
width:2rem | |
} | |
.duty-content .edit-description{ | |
margin-bottom:2rem | |
} | |
.duty-content .edit-description .save{ | |
cursor:pointer; | |
display:inline-block; | |
position:relative; | |
top:.3rem | |
} | |
.duty-content .edit-description .edit{ | |
display:inline-block; | |
position:absolute; | |
right:2.5rem; | |
top:.4rem; | |
transition:all .2s linear | |
} | |
.duty-content .edit-description .preview{ | |
padding-top:1.5rem | |
} | |
.comment-list{ | |
padding:1rem | |
} | |
.save-wiki{ | |
float:right | |
} | |
.wiki{ | |
max-width:1024px | |
} | |
.wiki .wysiwyg{ | |
margin-bottom:0 | |
} | |
.avatar img{ | |
border:2px solid #fff; | |
border-radius:8%; | |
width:100% | |
} | |
.basic-table{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
width:100% | |
} | |
.basic-table .row{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #e4e4e4; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
padding:.3rem 0; | |
text-align:left; | |
width:100% | |
} | |
@media (max-width:767px){ | |
.basic-table .row{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
.basic-table .row .width-1{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.basic-table .row .width-2{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:2; | |
flex-grow:2 | |
} | |
.basic-table .row .width-3{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:3; | |
flex-grow:3 | |
} | |
.basic-table .row .width-4{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:4; | |
flex-grow:4 | |
} | |
.basic-table .row .width-5{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:5; | |
flex-grow:5 | |
} | |
.basic-table .row .width-6{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:6; | |
flex-grow:6 | |
} | |
.basic-table .row .width-7{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:7; | |
flex-grow:7 | |
} | |
.basic-table .row .width-8{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:8; | |
flex-grow:8 | |
} | |
.basic-table .row:last-child{ | |
border-bottom:0 | |
} | |
.button,.button-auth,.button-blackish,.button-bulk,.button-filter,.button-gray,.button-green,.button-red,.button-tribe,.menu-button,.trans-button,a.button-gray,a.button-green{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
background:0 0; | |
border:0; | |
border-radius:3px; | |
color:#fff; | |
cursor:pointer; | |
display:inline-block; | |
padding:.6rem 2rem; | |
text-align:center; | |
text-transform:uppercase; | |
transition:all .2s linear; | |
vertical-align:middle | |
} | |
.button-auth:hover,.button-blackish:hover,.button-bulk:hover,.button-filter:hover,.button-gray:hover,.button-green:hover,.button-red:hover,.button-tribe:hover,.button:hover,.menu-button:hover,.trans-button:hover{ | |
color:#fff; | |
transition:all .2s linear | |
} | |
.button-auth:visited,.button-blackish:visited,.button-bulk:visited,.button-filter:visited,.button-gray:visited,.button-green:visited,.button-red:visited,.button-tribe:visited,.button:visited,.menu-button:visited,.trans-button:visited{ | |
color:#fff | |
} | |
.button.loading span,.loading.button-auth span,.loading.button-blackish span,.loading.button-bulk span,.loading.button-filter span,.loading.button-gray span,.loading.button-green span,.loading.button-red span,.loading.button-tribe span,.loading.menu-button span,.loading.trans-button span{ | |
animation:loading .5s linear | |
} | |
.button .icon,.button span,.button-auth .icon,.button-auth span,.button-blackish .icon,.button-blackish span,.button-bulk .icon,.button-bulk span,.button-filter .icon,.button-filter span,.button-gray .icon,.button-gray span,.button-green .icon,.button-green span,.button-red .icon,.button-red span,.button-tribe .icon,.button-tribe span,.menu-button .icon,.menu-button span,.trans-button .icon,.trans-button span{ | |
color:#fff | |
} | |
.button.disabled,.button[disabled],.disabled.button-auth,.disabled.button-blackish,.disabled.button-bulk,.disabled.button-filter,.disabled.button-gray,.disabled.button-green,.disabled.button-red,.disabled.button-tribe,.disabled.menu-button,.disabled.trans-button,[disabled].button-auth,[disabled].button-blackish,[disabled].button-bulk,[disabled].button-filter,[disabled].button-gray,[disabled].button-green,[disabled].button-red,[disabled].button-tribe,[disabled].menu-button,[disabled].trans-button{ | |
background:#f5f5f5; | |
box-shadow:none; | |
color:#BDBDBD; | |
cursor:not-allowed; | |
opacity:.65 | |
} | |
.button.disabled:hover,.button[disabled]:hover,.disabled.button-auth:hover,.disabled.button-blackish:hover,.disabled.button-bulk:hover,.disabled.button-filter:hover,.disabled.button-gray:hover,.disabled.button-green:hover,.disabled.button-red:hover,.disabled.button-tribe:hover,.disabled.menu-button:hover,.disabled.trans-button:hover,[disabled].button-auth:hover,[disabled].button-blackish:hover,[disabled].button-bulk:hover,[disabled].button-filter:hover,[disabled].button-gray:hover,[disabled].button-green:hover,[disabled].button-red:hover,[disabled].button-tribe:hover,[disabled].menu-button:hover,[disabled].trans-button:hover{ | |
background:#f5f5f5; | |
color:#BDBDBD | |
} | |
.menu-button,.trans-button:visited{ | |
color:#212121 | |
} | |
.trans-button .icon,.trans-button span{ | |
color:#212121; | |
transition:color .2s linear | |
} | |
.trans-button .icon{ | |
margin-right:.5rem | |
} | |
.menu-button{ | |
border-radius:0 | |
} | |
.menu-button:hover{ | |
background:#EEE; | |
color:#757575 | |
} | |
.menu-button span,.menu-button:visited{ | |
color:#212121 | |
} | |
.submit-button{ | |
width:100% | |
} | |
.button-green,a.button-green{ | |
background:#3f51b5 | |
} | |
.button-green.active,.button-green:hover,a.button-green.active,a.button-green:hover{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.button-gray,a.button-gray{ | |
background:#757575 | |
} | |
.button-gray.active,.button-gray:hover,a.button-gray.active,a.button-gray:hover{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.button-blackish{ | |
background:#212121; | |
color:#EEE | |
} | |
.button-blackish:hover{ | |
background:#212121; | |
color:#fff | |
} | |
.button-red{ | |
background:#ff5252 | |
} | |
.button-red:hover{ | |
background:#f44336; | |
color:#fff | |
} | |
.button-red .icon{ | |
color:#fff | |
} | |
.button-bulk{ | |
background:#3f51b5; | |
padding:.55rem .75rem | |
} | |
.button-bulk .icon{ | |
fill:currentColor; | |
margin-right:0; | |
position:relative; | |
top:1px | |
} | |
.button-bulk:hover{ | |
background:#8c9eff | |
} | |
.button-auth{ | |
background:#424242 | |
} | |
.button-auth .icon,.button-auth img{ | |
font-size:1.2rem; | |
color:#fff; | |
margin-right:.5rem | |
} | |
.button-auth:hover{ | |
background:#000 | |
} | |
.button-tribe{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#107a8a; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.4rem .4rem .4rem 1.5rem | |
} | |
.button-tribe.active,.button-tribe:hover{ | |
background:#0b525c; | |
color:#fff | |
} | |
.button-tribe .tribe-logo{ | |
margin-right:.5rem; | |
width:1.5rem | |
} | |
.tribe-more-info{ | |
font-size:.9rem; | |
color:#3f51b5; | |
display:inline-block; | |
margin-top:.5rem | |
} | |
.button-filter{ | |
background:#EEE; | |
margin-left:1rem; | |
padding:.4rem .5rem; | |
position:relative | |
} | |
.button-filter:hover{ | |
background:#BDBDBD; | |
fill:#EEE | |
} | |
.button-filter .filter-num{ | |
font-size:.9rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
background:#f44336; | |
border-radius:50%; | |
height:1rem; | |
left:-.5rem; | |
position:absolute; | |
top:-.5rem; | |
width:1rem | |
} | |
.card-placeholder{ | |
background:#e9e9e9; | |
border:1px dashed #dadada; | |
cursor:default; | |
padding:1rem | |
} | |
.card-placeholder .placeholder-avatar{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.card-placeholder .image{ | |
background:#dadada; | |
-ms-flex-preferred-size:48px; | |
flex-basis:48px; | |
height:48px; | |
margin-right:.5rem; | |
width:48px | |
} | |
.card-placeholder .text{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.card-placeholder .line{ | |
background:#dadada; | |
height:1rem; | |
margin-bottom:1rem; | |
width:80% | |
} | |
.card-placeholder .line:last-child{ | |
width:40% | |
} | |
.card-placeholder .title{ | |
text-transform:uppercase | |
} | |
.card-placeholder p{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#757575; | |
margin:0 | |
} | |
.check{ | |
background-color:#d5d5d5; | |
border-radius:2px; | |
cursor:pointer; | |
height:1.5rem; | |
overflow:hidden; | |
position:relative; | |
width:65px | |
} | |
.check input{ | |
cursor:pointer; | |
height:50px; | |
left:-10px; | |
opacity:0; | |
position:absolute; | |
top:-10px; | |
width:100px; | |
z-index:999 | |
} | |
.check input+div{ | |
background-color:#757575; | |
height:25px; | |
transition:all .2s linear; | |
width:50% | |
} | |
.check input~.check-text{ | |
font-size:.9rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
color:#fff; | |
position:absolute; | |
top:.2rem | |
} | |
.check input~.check-yes{ | |
opacity:0; | |
right:.5rem | |
} | |
.check input~.check-no{ | |
left:.5rem; | |
opacity:.6 | |
} | |
.check input:checked+div{ | |
background-color:#8c9eff; | |
margin-left:50%; | |
transition:all .2s linear | |
} | |
.check input:checked~.check-yes{ | |
opacity:.8; | |
right:.25rem | |
} | |
.check input:checked~.check-no{ | |
left:.25rem; | |
opacity:0 | |
} | |
.list-itemtype-project.blocked-project .list-itemtype-project-description,.list-itemtype-project.blocked-project .list-itemtype-project-image,.list-itemtype-project.blocked-project .list-itemtype-project-name,.list-itemtype-project.blocked-project .list-itemtype-track,.list-itemtype-ticket.blocked-project .list-itemtype-avatar,.list-itemtype-ticket.blocked-project .list-itemtype-track,.list-itemtype-ticket.blocked-project .ticket-id,.list-itemtype-ticket.blocked-project .ticket-project,.list-itemtype-ticket.blocked-project .ticket-status,.list-itemtype-ticket.blocked-project .ticket-title,.list-itemtype-ticket.blocked-project .ticket-type{ | |
opacity:.4 | |
} | |
.check input:disabled{ | |
cursor:auto | |
} | |
.check input:disabled+div{ | |
background-color:#BDBDBD | |
} | |
.ticket-created-by{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
@media (max-width:1280px){ | |
.ticket-created-by{ | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin-bottom:.5rem | |
} | |
} | |
.ticket-created-by .user-avatar{ | |
-ms-flex-preferred-size:2rem; | |
flex-basis:2rem; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
margin-left:.5rem | |
} | |
.ticket-created-by .user-avatar img{ | |
width:100% | |
} | |
.ticket-created-by .created-by .created-date,.ticket-created-by .created-by .created-title{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575; | |
display:block; | |
text-align:right | |
} | |
@media (max-width:1280px){ | |
.ticket-created-by .user-avatar{ | |
margin-left:0; | |
margin-right:.5rem; | |
-ms-flex-order:1; | |
order:1 | |
} | |
.ticket-created-by .created-by{ | |
-ms-flex-order:2; | |
order:2 | |
} | |
.ticket-created-by .created-by .created-date,.ticket-created-by .created-by .created-title{ | |
text-align:left | |
} | |
} | |
.ticket-created-by .created-by .created-title{ | |
color:#3f51b5 | |
} | |
.ticket-created-by .created-by .created-date{ | |
margin-left:.5rem | |
} | |
@media (max-width:1280px){ | |
.ticket-created-by .created-by .created-date{ | |
margin-left:0 | |
} | |
} | |
.doom-line{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#ff5252; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin:.5rem 0; | |
padding:.25rem 0 | |
} | |
.doom-line span{ | |
font-size:.9rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
color:#fff | |
} | |
.drag-drop-help,.help-button,.help-markdown{ | |
font-size:.75rem | |
} | |
.wysiwyg-help{ | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-top:-.5rem; | |
padding:.45rem .5rem | |
} | |
.wysiwyg-help a{ | |
display:inline-block | |
} | |
.drag-drop-help{ | |
color:#757575 | |
} | |
.help-button:hover span,.help-markdown:hover span{ | |
transition:color .2s linear | |
} | |
.help-button:hover .icon,.help-markdown:hover .icon{ | |
fill:#8c9eff; | |
transition:fill .2s linear | |
} | |
.help-button span,.help-markdown span{ | |
vertical-align:text-top | |
} | |
.help-button .icon,.help-markdown .icon{ | |
width:.9rem; | |
height:.9rem; | |
fill:#BDBDBD; | |
margin-right:.2rem | |
} | |
.empty-filter,.empty-large,.empty-small{ | |
margin-top:4rem; | |
text-align:center | |
} | |
.empty-filter img,.empty-large img,.empty-small img{ | |
margin-bottom:1rem; | |
width:100% | |
} | |
.empty-filter .title,.empty-large .title,.empty-small .title{ | |
font-size:1.2rem; | |
text-transform:uppercase | |
} | |
.empty-filter p,.empty-large p,.empty-small p{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin:0 | |
} | |
.empty-filter a,.empty-large a,.empty-small a{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#3f51b5 | |
} | |
.empty-small img{ | |
max-width:175px | |
} | |
.empty-large img{ | |
max-width:800px | |
} | |
.empty-filter{ | |
margin-top:1rem | |
} | |
.ticket-estimation .points-per-role{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.ticket-estimation .ticket-role-points{ | |
background:rgba(189,189,189,.2); | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:.1rem; | |
min-height:2rem; | |
padding:.5rem 1rem; | |
position:relative | |
} | |
.ticket-estimation .ticket-role-points.clickable.active,.ticket-estimation .ticket-role-points.clickable:hover{ | |
background:rgba(140,158,255,.9); | |
color:#EEE | |
} | |
.ticket-estimation .ticket-role-points.clickable.active .icon-arrow-bottom,.ticket-estimation .ticket-role-points.clickable.active .points,.ticket-estimation .ticket-role-points.clickable.active .role,.ticket-estimation .ticket-role-points.clickable:hover .icon-arrow-bottom,.ticket-estimation .ticket-role-points.clickable:hover .points,.ticket-estimation .ticket-role-points.clickable:hover .role{ | |
color:currentColor; | |
fill:currentColor | |
} | |
.ticket-estimation .ticket-role-points:last-child{ | |
background:rgba(26,35,126,.5); | |
border-bottom:0; | |
color:#EEE | |
} | |
.ticket-estimation .ticket-role-points:last-child .icon-arrow-bottom,.ticket-estimation .ticket-role-points:last-child .points,.ticket-estimation .ticket-role-points:last-child .role{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
color:currentColor; | |
fill:currentColor | |
} | |
.ticket-estimation .ticket-role-points .icon-arrow-down{ | |
fill:currentColor; | |
height:.6rem; | |
margin-left:.25rem; | |
width:.6rem | |
} | |
.ticket-estimation .popover.fix:after,.ticket-estimation .popover:after{ | |
height:10px; | |
transform:rotate(45deg); | |
content:'' | |
} | |
.ticket-estimation .popover,.ticket-estimation .popover.fix{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin:0; | |
z-index:99; | |
position:absolute; | |
font-size:.9rem; | |
list-style-type:none | |
} | |
.ticket-estimation .ticket-role-points .points{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#424242 | |
} | |
.ticket-estimation .ticket-role-points .role{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.ticket-estimation .popover{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:.5rem; | |
padding:10px; | |
top:100%; | |
width:200px; | |
text-align:"center" | |
} | |
.ticket-estimation .popover a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
padding:10px 2px | |
} | |
.ticket-estimation .popover a:last-child{ | |
border:0 | |
} | |
.ticket-estimation .popover a:hover{ | |
transition:color .3s linear | |
} | |
.ticket-estimation .popover a:hover.point{ | |
color:#fff | |
} | |
.ticket-estimation .popover:after{ | |
background:#212121; | |
left:10px; | |
position:absolute; | |
top:-5px; | |
width:10px | |
} | |
.ticket-estimation .popover li{ | |
display:inline-block; | |
width:23% | |
} | |
.ticket-estimation .popover a{ | |
display:block; | |
text-align:center | |
} | |
.ticket-estimation .popover a.active,.ticket-estimation .popover a:hover{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.ticket-estimation .popover.fix{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:-160px; | |
padding:10px; | |
top:100%; | |
width:200px; | |
text-align:"center" | |
} | |
.ticket-estimation .popover.fix a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.ticket-estimation .popover.fix a:last-child{ | |
border:0 | |
} | |
.ticket-estimation .popover.fix a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.ticket-estimation .popover.fix a:hover.point{ | |
color:#fff | |
} | |
.ticket-estimation .popover.fix:after{ | |
background:#212121; | |
left:90%; | |
position:absolute; | |
top:-5px; | |
width:10px | |
} | |
.history-tabs{ | |
background:#EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row | |
} | |
.history-tabs a{ | |
display:inline-block; | |
padding:.75rem 1rem | |
} | |
.history-tabs a:hover{ | |
color:#3f51b5 | |
} | |
.history-tabs .history-tab{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:3px solid transparent; | |
color:#BDBDBD; | |
transition:all .1s linear | |
} | |
.history-tabs .history-tab.active{ | |
border-bottom:3px solid #424242; | |
color:#424242 | |
} | |
.history-tabs .order-comments{ | |
color:#424242 | |
} | |
.level{ | |
background-color:#BDBDBD; | |
border-radius:9px; | |
height:18px; | |
margin:0 auto; | |
width:18px | |
} | |
.list-itemtype-project{ | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem 0 .5rem .5rem; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.list-itemtype-project .list-itemtype-track{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.list-itemtype-project .list-itemtype-track .list-itemtype-track-likers{ | |
margin-right:.5rem | |
} | |
.list-itemtype-project .list-itemtype-track-likers,.list-itemtype-project .list-itemtype-track-watchers{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.list-itemtype-project .list-itemtype-track-likers .icon,.list-itemtype-project .list-itemtype-track-watchers .icon{ | |
display:block; | |
margin-right:.25rem | |
} | |
.list-itemtype-project .list-itemtype-track-likers.active,.list-itemtype-project .list-itemtype-track-watchers.active{ | |
color:#3f51b5 | |
} | |
.list-itemtype-project .list-itemtype-track-likers.active .icon,.list-itemtype-project .list-itemtype-track-watchers.active .icon{ | |
fill:currentcolor | |
} | |
.list-itemtype-project .icon{ | |
fill:#BDBDBD | |
} | |
.list-itemtype-project h2{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
line-height:1.4; | |
margin-bottom:0; | |
text-transform:none; | |
font-size:1.2rem | |
} | |
.list-itemtype-project p{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-bottom:0 | |
} | |
.list-itemtype-project .list-itemtype-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.75rem; | |
min-width:3rem | |
} | |
.list-itemtype-project .list-itemtype-avatar img{ | |
width:100% | |
} | |
.list-itemtype-project .icon-blocked-project{ | |
width:.75rem; | |
height:.75rem | |
} | |
.list-itemtype-project .list-itemtype-project-data-wrapper{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.list-itemtype-project .list-itemtype-project-image{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.5rem; | |
width:3rem | |
} | |
.list-itemtype-project .list-itemtype-project-image img{ | |
width:100% | |
} | |
.list-itemtype-project .list-itemtype-project-members{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row-reverse; | |
flex-direction:row-reverse; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
margin-top:1rem | |
} | |
.list-itemtype-project .list-itemtype-project-members img{ | |
border-radius:.1rem; | |
margin-right:.3rem; | |
width:2rem | |
} | |
.list-itemtype-project .tag{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
margin:0 .25rem .25rem 0; | |
padding:.5rem | |
} | |
.list-itemtype-ticket,.list-itemtype-user{ | |
border-bottom:1px solid #EEE; | |
padding:.5rem 0 .5rem .5rem | |
} | |
.list-itemtype-ticket{ | |
display:-ms-flexbox; | |
display:flex; | |
position:relative | |
} | |
.list-itemtype-ticket .list-itemtype-track{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.list-itemtype-ticket .list-itemtype-track .list-itemtype-track-likers{ | |
margin-right:.5rem | |
} | |
.list-itemtype-ticket .list-itemtype-track-likers,.list-itemtype-ticket .list-itemtype-track-watchers{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.list-itemtype-ticket .list-itemtype-track-likers .icon,.list-itemtype-ticket .list-itemtype-track-watchers .icon{ | |
display:block; | |
margin-right:.25rem | |
} | |
.list-itemtype-ticket .list-itemtype-track-likers.active,.list-itemtype-ticket .list-itemtype-track-watchers.active{ | |
color:#3f51b5 | |
} | |
.list-itemtype-ticket .ticket-id,.list-itemtype-ticket .ticket-project{ | |
color:#BDBDBD | |
} | |
.list-itemtype-ticket .list-itemtype-track-likers.active .icon,.list-itemtype-ticket .list-itemtype-track-watchers.active .icon{ | |
fill:currentcolor | |
} | |
.list-itemtype-ticket .icon{ | |
fill:#BDBDBD | |
} | |
.list-itemtype-ticket h2{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
line-height:1.4; | |
margin-bottom:0; | |
text-transform:none; | |
font-size:1rem | |
} | |
.list-itemtype-ticket p{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-bottom:0 | |
} | |
.list-itemtype-ticket .list-itemtype-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.75rem; | |
min-width:3rem | |
} | |
.list-itemtype-ticket .list-itemtype-avatar img{ | |
width:100% | |
} | |
.list-itemtype-ticket.blocked-project .icon-blocked-project{ | |
width:1rem; | |
height:1rem; | |
margin-left:.25rem | |
} | |
.list-itemtype-user .list-itemtype-avatar img,.loader{ | |
width:100% | |
} | |
.list-itemtype-ticket .ticket-project,.list-itemtype-ticket .ticket-type{ | |
margin-right:.3rem | |
} | |
.list-itemtype-ticket .ticket-type{ | |
margin-left:.3rem; | |
text-transform:uppercase | |
} | |
.list-itemtype-ticket .list-itemtype-ticket-data{ | |
-ms-flex:1; | |
flex:1; | |
margin-right:1rem | |
} | |
.list-itemtype-ticket .ticket-blocked{ | |
color:#f44336; | |
margin-right:.25rem | |
} | |
.list-itemtype-user{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.list-itemtype-user .list-itemtype-track{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.list-itemtype-user .list-itemtype-track .list-itemtype-track-likers{ | |
margin-right:.5rem | |
} | |
.list-itemtype-user .list-itemtype-track-likers,.list-itemtype-user .list-itemtype-track-watchers{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.list-itemtype-user .list-itemtype-track-likers .icon,.list-itemtype-user .list-itemtype-track-watchers .icon{ | |
display:block; | |
margin-right:.25rem | |
} | |
.list-itemtype-user .list-itemtype-track-likers.active,.list-itemtype-user .list-itemtype-track-watchers.active{ | |
color:#3f51b5 | |
} | |
.list-itemtype-user .list-itemtype-track-likers.active .icon,.list-itemtype-user .list-itemtype-track-watchers.active .icon{ | |
fill:currentcolor | |
} | |
.list-itemtype-user .icon{ | |
fill:#BDBDBD | |
} | |
.list-itemtype-user h2{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
line-height:1.4; | |
margin-bottom:0; | |
text-transform:none; | |
font-size:1.2rem | |
} | |
.list-itemtype-user .extra-info,.list-itemtype-user p{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.admin-menu li,.admin-submenu li,.empty-burndown .title,.sprints-empty .title,tg-project-menu{ | |
text-transform:uppercase | |
} | |
.list-itemtype-user p{ | |
margin-bottom:0 | |
} | |
.list-itemtype-user .list-itemtype-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.75rem; | |
min-width:3rem | |
} | |
.list-itemtype-user .extra-info{ | |
font-size:.9rem; | |
margin-top:.25rem | |
} | |
.loader{ | |
background-color:#fff; | |
bottom:0; | |
display:none; | |
height:100%; | |
left:0; | |
opacity:0; | |
position:fixed; | |
right:0; | |
top:0; | |
z-index:-100 | |
} | |
.loader .container{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:100%; | |
-ms-flex-pack:center; | |
justify-content:center; | |
width:100% | |
} | |
.loader p{ | |
font-size:1.2rem; | |
color:#757575; | |
text-align:center | |
} | |
.loader.active{ | |
background-color:rgba(255,255,255,.95); | |
display:block; | |
opacity:1; | |
z-index:99900 | |
} | |
.loading-bar{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
.loading-bar .item{ | |
animation-duration:5s; | |
animation-iteration-count:infinite; | |
animation-name:loadBar; | |
animation-timing-function:ease-in; | |
background:#757575; | |
-ms-flex:1; | |
flex:1; | |
height:5px | |
} | |
.loading-bar .item-0{ | |
animation-delay:0s; | |
background:#ffc107 | |
} | |
.loading-bar .item-1{ | |
animation-delay:1s; | |
background:#009688 | |
} | |
.loading-bar .item-2{ | |
animation-delay:2s; | |
background:#e91e63 | |
} | |
.loading-bar .item-3{ | |
animation-delay:3s; | |
background:#9c27b0 | |
} | |
.loading-bar .item-4{ | |
animation-delay:4s; | |
background:#cddc39 | |
} | |
.loading-spinner{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
max-height:1rem; | |
max-width:1rem; | |
transform-origin:32 32 | |
} | |
.look-for-people{ | |
width:1rem; | |
height:1rem; | |
fill:#BDBDBD; | |
margin-left:.25rem | |
} | |
.notification-message-success{ | |
background:rgba(140,158,255,.95); | |
box-shadow:0 25px 10px -15px rgba(0,0,0,.05); | |
right:-370px; | |
top:2%; | |
transition:opacity .2s ease-in; | |
width:370px | |
} | |
.notification-message-success.active{ | |
animation:animSlide 2s; | |
animation-fill-mode:forwards; | |
animation-iteration-count:1; | |
opacity:1 | |
} | |
.notification-message-success.inactive{ | |
animation:animSlideOut .5s; | |
opacity:0; | |
transform:none | |
} | |
.notification-message-success p{ | |
margin:0 | |
} | |
.notification-message-success .warning{ | |
font-size:1.2rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
color:#fff; | |
line-height:1.2 | |
} | |
@keyframes animSlide{ | |
0%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) | |
} | |
0.52%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-34.485,0,0,1) | |
} | |
1.02%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-66.555,0,0,1) | |
} | |
2.28%{ | |
transform:matrix3d(1.111,0,0,0,0,1,0,0,0,0,1,0,-141.457,0,0,1) | |
} | |
3.52%{ | |
transform:matrix3d(1.281,0,0,0,0,1,0,0,0,0,1,0,-205.594,0,0,1) | |
} | |
4.1%{ | |
transform:matrix3d(1.111,0,0,0,0,1,0,0,0,0,1,0,-232.117,0,0,1) | |
} | |
4.78%{ | |
transform:matrix3d(1.034,0,0,0,0,1,0,0,0,0,1,0,-260.381,0,0,1) | |
} | |
6.03%{ | |
transform:matrix3d(.947,0,0,0,0,1,0,0,0,0,1,0,-304.285,0,0,1) | |
} | |
8.11%{ | |
transform:matrix3d(.986,0,0,0,0,1,0,0,0,0,1,0,-357.804,0,0,1) | |
} | |
11.03%{ | |
transform:matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,-399.29,0,0,1) | |
} | |
12.11%{ | |
transform:matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,-407.374,0,0,1) | |
} | |
16.04%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-417.343,0,0,1) | |
} | |
16.12%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-417.342,0,0,1) | |
} | |
20%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-413.214,0,0,1) | |
} | |
27.23%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-403.135,0,0,1) | |
} | |
38.34%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-399.585,0,0,1) | |
} | |
100%{ | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-400,0,0,1) | |
} | |
} | |
@keyframes animSlideOut{ | |
0%{ | |
opacity:1; | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-400,0,0,1) | |
} | |
100%{ | |
opacity:0; | |
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-400,0,0,1) | |
} | |
} | |
.notification-message-error{ | |
background:rgba(244,67,54,.9); | |
opacity:1; | |
top:0; | |
transform:translateY(-100%); | |
width:100% | |
} | |
.notification-message-error.active{ | |
opacity:1; | |
transform:translateY(0); | |
transition:all .6s ease-in-out | |
} | |
.notification-light,.notification-light.inactive{ | |
opacity:0; | |
transform:translateY(-100%); | |
transition:all .6s | |
} | |
.notification-message-error.inactive{ | |
transition:all .6s ease-in-out | |
} | |
.notification-message-error .icon-error{ | |
width:3rem; | |
height:3rem; | |
fill:#fff; | |
margin-right:.5rem | |
} | |
.notification-message-error .warning{ | |
font-size:2rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
color:#fff; | |
line-height:2.4rem | |
} | |
.notification-light p,.select-color{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem | |
} | |
.notification-message-error .text{ | |
display:inline-block; | |
margin-left:.5rem; | |
width:80% | |
} | |
.notification-message-error .text p{ | |
margin:0 | |
} | |
.notification-message-error .close{ | |
display:block; | |
position:absolute; | |
right:1rem; | |
top:1rem | |
} | |
.notification-message-error .icon-close{ | |
cursor:pointer; | |
fill:#fff | |
} | |
.notification-message{ | |
color:#fff; | |
opacity:0; | |
padding:1rem; | |
position:fixed; | |
z-index:99920 | |
} | |
.notification-light{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:rgba(189,189,189,.95); | |
color:#fff; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:1rem; | |
position:absolute; | |
top:0; | |
width:100%; | |
z-index:99999 | |
} | |
.notification-light.active{ | |
opacity:1; | |
transform:translateY(0); | |
transition:all .6s | |
} | |
.notification-light p{ | |
margin:0 | |
} | |
.notification-light .warning{ | |
color:#fff; | |
line-height:1.5rem | |
} | |
.notification-light .close{ | |
display:block; | |
margin-right:1rem; | |
width:2rem | |
} | |
.notification-light .close svg{ | |
fill:#fff | |
} | |
.notification-message-light-error{ | |
background:rgba(244,67,54,.8) | |
} | |
.paginator{ | |
margin:2rem 0 | |
} | |
.paginator ul{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:1rem | |
} | |
.paginator li{ | |
margin-right:.4rem | |
} | |
.paginator .active span,.paginator a{ | |
background:#BDBDBD; | |
color:#fff; | |
padding:.5rem 1rem; | |
transition:all .3s linear | |
} | |
.paginator a:hover{ | |
background:#212121; | |
color:#fff; | |
transition:all .3s linear | |
} | |
.paginator .active span{ | |
background:#8c9eff | |
} | |
.select-color,.select-color:after{ | |
background:#212121; | |
position:absolute | |
} | |
.popover.pop-points-open.horizontal li{ | |
white-space:nowrap; | |
width:100% | |
} | |
.icon-lock{ | |
fill:#BDBDBD; | |
margin-left:.5rem | |
} | |
.select-color{ | |
color:#fff; | |
display:none; | |
left:50px; | |
list-style-type:none; | |
margin:0; | |
top:0; | |
width:323px; | |
z-index:99; | |
text-align:"center"; | |
border-radius:0 10px 10px 0; | |
padding:15px | |
} | |
.select-color a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.select-color a:last-child{ | |
border:0 | |
} | |
.select-color a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.select-color a:hover.point{ | |
color:#fff | |
} | |
.select-color:after{ | |
content:''; | |
height:15px; | |
left:-7px; | |
top:13px; | |
transform:rotate(45deg); | |
width:15px | |
} | |
.select-color li{ | |
float:left; | |
margin:0 .5rem .5rem 0 | |
} | |
.select-color li:nth-child(7n){ | |
margin-right:0 | |
} | |
.select-color li:nth-last-child(-n+7){ | |
margin-bottom:0 | |
} | |
.select-color .color{ | |
background-color:#BDBDBD; | |
border-radius:2px; | |
cursor:pointer; | |
height:35px; | |
width:35px | |
} | |
.select-color .empty-color{ | |
background:#f5f5f5; | |
border:1px solid #EEE; | |
position:relative | |
} | |
.select-color .empty-color:after,.select-color .empty-color:before{ | |
content:""; | |
width:2px; | |
height:47px; | |
background:#ff8282; | |
position:absolute; | |
top:0 | |
} | |
.select-color .empty-color:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.select-color .empty-color:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.select-color ul{ | |
float:left; | |
margin-bottom:1rem | |
} | |
.select-color input{ | |
font-size:1rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
background-color:#EEE; | |
width:243px | |
} | |
.summary .description,.summary .number{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.select-color input::-webkit-input-placeholder{ | |
color:#757575 | |
} | |
.select-color input::-moz-placeholder{ | |
color:#757575 | |
} | |
.select-color input:-moz-placeholder{ | |
color:#757575 | |
} | |
.select-color input:-ms-input-placeholder{ | |
color:#757575 | |
} | |
.select-color .selected-color{ | |
background:#BDBDBD; | |
border-radius:2px; | |
cursor:pointer; | |
float:right; | |
height:40px; | |
width:40px | |
} | |
.settings-nav{ | |
padding:0; | |
width:250px | |
} | |
.settings-nav .active{ | |
background:#fff | |
} | |
.summary{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
height:65px; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin-bottom:2rem; | |
overflow:hidden; | |
padding:1rem | |
} | |
.summary .summary-stats{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin:0 .5rem | |
} | |
.summary .data .number{ | |
color:#8c9eff | |
} | |
.summary .number{ | |
font-size:2rem; | |
line-height:.9; | |
margin-right:.3rem | |
} | |
.summary .description{ | |
font-size:.9rem; | |
line-height:1 | |
} | |
.summary .stats{ | |
cursor:pointer; | |
display:block; | |
height:2rem; | |
margin-left:auto; | |
width:2rem | |
} | |
.summary .stats path{ | |
opacity:1 | |
} | |
.summary .stats:hover .graph{ | |
fill:#8c9eff; | |
transition:fill .2s | |
} | |
.summary .stats.active .graph,.summary .stats.active svg,.summary .stats:hover svg{ | |
fill:#3f51b5 | |
} | |
.summary .stats svg{ | |
fill:#000; | |
height:100%; | |
max-height:2rem; | |
max-width:2rem; | |
transition:all .2s; | |
width:100% | |
} | |
.summary .stats .graph{ | |
fill:#8a8a8a; | |
transition:fill .2s | |
} | |
.summary .main-summary-stats{ | |
display:-ms-flexbox; | |
display:flex; | |
transform:translateY(0); | |
transition:all .2s ease-in-out | |
} | |
.summary .show-role-points .points-per-role-stats{ | |
transform:translateY(-35px) | |
} | |
.summary .show-role-points .main-summary-stats{ | |
transform:translateY(-65px) | |
} | |
.summary-progress-bar{ | |
background:#fff; | |
height:30px; | |
margin-bottom:0; | |
margin-right:10px; | |
padding:3px; | |
position:relative; | |
width:15% | |
} | |
.summary-progress-bar .current-progress{ | |
background:#8c9eff; | |
height:24px | |
} | |
.summary-progress-bar .defined-points{ | |
background:#ff5252; | |
height:24px; | |
position:absolute; | |
width:calc(100% - 6px) | |
} | |
.summary-progress-bar .project-points-progress{ | |
background:#fff; | |
height:24px; | |
position:absolute | |
} | |
.summary-progress-bar .closed-points-progress{ | |
background:#8c9eff; | |
height:24px; | |
position:absolute | |
} | |
.large-summary{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.75rem 1rem | |
} | |
.large-summary .stats-wrapper{ | |
padding-top:.35rem | |
} | |
.large-summary .large-summary-wrapper{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
.large-summary .summary-progress-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.large-summary .summary-progress-bar{ | |
-ms-flex-preferred-size:200px; | |
flex-basis:200px; | |
min-width:200px | |
} | |
.large-summary .summary-stats{ | |
margin-right:1rem | |
} | |
.large-summary .summary-stats:last-child{ | |
border:0; | |
margin:0 | |
} | |
.large-summary .summary-stats.summary-closed-tasks,.large-summary .summary-stats.summary-completed-points{ | |
border-right:1px solid #212121; | |
margin-right:0; | |
padding-right:1rem | |
} | |
.large-summary .summary-stats.summary-closed-tasks+.summary-stats,.large-summary .summary-stats.summary-completed-points+.summary-stats{ | |
border-left:1px solid #757575; | |
margin-left:0; | |
padding-left:1rem | |
} | |
.large-summary .icon{ | |
width:1.3rem; | |
height:1.3rem; | |
fill:currentColor; | |
margin-right:.4rem; | |
vertical-align:middle | |
} | |
.large-summary .icon.icon-stats{ | |
color:#3f51b5; | |
float:right; | |
transition:color .3s linear | |
} | |
.large-summary .icon.icon-stats:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.large-summary .icon.icon-stats.active{ | |
color:#8c9eff | |
} | |
.large-summary .icon.icon-stats.active:hover{ | |
color:#3f51b5; | |
transition:color .3s linear | |
} | |
.large-summary .points-per-role-stats-content{ | |
display:-ms-flexbox; | |
display:flex; | |
padding-left:1rem | |
} | |
.large-summary .points-per-role-stats-content .summary-stats{ | |
padding:0 | |
} | |
.large-summary .toggle-points-per-role{ | |
color:#fff; | |
cursor:pointer | |
} | |
.large-summary .toggle-points-per-role svg{ | |
width:1rem; | |
height:1rem | |
} | |
.large-summary .points-per-role-stats{ | |
margin-left:.5rem; | |
transform:translateY(35px); | |
transition:all .2s ease-in-out | |
} | |
.large-summary .points-per-role-stats .number{ | |
font-size:1.2rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.empty-burndown,.empty-burndown .title,.large-summary .points-per-role-stats .role{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.large-summary .points-per-role-stats .role{ | |
font-size:.75rem | |
} | |
.empty-burndown{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:rgba(26,35,126,.15); | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:1rem; | |
padding:2rem 6rem | |
} | |
.empty-burndown svg{ | |
width:4rem; | |
height:4rem; | |
fill:#1a237e; | |
-ms-flex-preferred-size:4rem; | |
flex-basis:4rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:2rem | |
} | |
.empty-burndown p{ | |
margin:0 | |
} | |
.empty-burndown .empty-text{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.empty-burndown .title{ | |
font-size:1.2rem; | |
color:#1a237e; | |
margin:0 | |
} | |
.empty-burndown a{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
animation:blink 2s infinite | |
} | |
.assigned-to-list .user-list-name,.ticket-watchers .user-list-name,.watch-options a{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.graphics-container{ | |
max-height:0; | |
transition:max-height .5s ease-in; | |
overflow:hidden | |
} | |
.graphics-container.open{ | |
transition:max-height .5s ease-in; | |
max-height:300px | |
} | |
.graphics-container.shown{ | |
max-height:300px; | |
transition:none | |
} | |
.track-buttons-container{ | |
font-size:.9rem; | |
position:relative | |
} | |
.track-button{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
border-radius:4px; | |
display:-ms-flexbox; | |
display:flex; | |
margin:0; | |
padding:0 | |
} | |
.track-button.active .track-inner{ | |
background:rgba(140,158,255,.4) | |
} | |
.track-button.active .icon{ | |
fill:#3f51b5 | |
} | |
.track-button.active .track-button-counter{ | |
background:rgba(140,158,255,.6) | |
} | |
.track-button.is-hover .track-inner{ | |
background:#f77066; | |
color:#EEE; | |
transition:background .2s | |
} | |
.track-button.is-hover .icon{ | |
fill:#ff5252 | |
} | |
.track-button.is-hover .track-button-counter{ | |
background:#f44336; | |
color:#EEE; | |
transition:background .2s | |
} | |
.track-button .watch-options-arrow{ | |
margin-left:auto | |
} | |
.track-button .icon-arrow-down{ | |
width:.75rem; | |
height:.75rem | |
} | |
.track-inner{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#EEE; | |
border-radius:4px 0 0 4px; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-preferred-size:140px; | |
flex-basis:140px; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
min-width:140px; | |
padding:.25rem 1rem | |
} | |
.track-inner:hover{ | |
background:#e1e1e1; | |
transition:background .3s | |
} | |
.track-icon{ | |
fill:#424242; | |
margin-right:.5rem; | |
position:relative; | |
top:2px | |
} | |
.track-button-counter{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#e1e1e1; | |
border-radius:0 4px 4px 0; | |
padding:.25rem .75rem | |
} | |
.contact-team{ | |
background:#EEE; | |
border-radius:4px; | |
padding:.25rem .75rem | |
} | |
.contact-team:hover{ | |
background:#e1e1e1; | |
transition:background .3s | |
} | |
.watch-options{ | |
animation:dropdownFade .2s cubic-bezier(.09,0,.99,.01) alternate; | |
background:rgba(0,0,0,.9); | |
border-radius:4px; | |
margin:2.5rem 0 0; | |
min-width:300px; | |
padding:1rem; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:99 | |
} | |
.watch-options.hidden{ | |
animation:dropdownFade .2s cubic-bezier(.09,0,.99,.01) reverse | |
} | |
.watch-options li{ | |
margin:0 | |
} | |
.assigned-to-list,.ticket-assigned-users,.ticket-watchers{ | |
margin-top:1rem | |
} | |
.watch-options li:last-child a{ | |
border:0 | |
} | |
.watch-options a{ | |
border-bottom:1px solid rgba(189,189,189,.3); | |
color:#fff; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem 0 | |
} | |
.assigned-to-list .user-list-single,.upvote-btn{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox | |
} | |
.watch-options a.active{ | |
color:#8c9eff | |
} | |
.watch-options .watch-check{ | |
height:1.25rem; | |
width:1.25rem | |
} | |
.watch-options .watch-check svg{ | |
fill:#8c9eff | |
} | |
.upvote-btn{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:flex; | |
-ms-flex:0; | |
flex:0; | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-right:.3rem | |
} | |
.upvote-btn .vote-inner{ | |
background:#f5f5f5; | |
color:#BDBDBD; | |
display:block; | |
padding:1rem; | |
text-align:center | |
} | |
.upvote-btn a:hover{ | |
background:#e8e8e8; | |
color:#1a237e; | |
transition:background .3s | |
} | |
.upvote-btn a:hover path{ | |
fill:#1a237e | |
} | |
.upvote-btn a.active{ | |
background:rgba(140,158,255,.2); | |
color:#3f51b5; | |
transition:all .3s | |
} | |
.upvote-btn a.active svg{ | |
fill:#3f51b5 | |
} | |
.upvote-btn a.is-hover{ | |
background:#f44336; | |
color:#EEE | |
} | |
.upvote-btn a.is-hover svg{ | |
fill:#ff5252; | |
transform:rotate(180deg); | |
transition:all .3s | |
} | |
.upvote-btn svg{ | |
fill:#BDBDBD; | |
height:1rem; | |
width:1rem | |
} | |
.assigned-to-list .user-list-avatar img,.ticket-assigned-users .user-list-avatar img,.ticket-watchers .user-list-avatar img{ | |
width:100% | |
} | |
.upvote-btn span{ | |
display:block | |
} | |
.assigned-to-list .user-list-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:0 0; | |
border-bottom:1px solid #EEE; | |
display:flex; | |
padding:.25rem 0; | |
vertical-align:middle | |
} | |
.assigned-to-list .user-list-multiple,.ticket-watchers .user-list-single{ | |
-ms-flex-line-pack:center; | |
padding:.25rem 0; | |
vertical-align:middle; | |
align-content:center | |
} | |
.assigned-to-list .user-list-single:last-child{ | |
border:0 | |
} | |
.assigned-to-list .user-list-multiple{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:0 0; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.assigned-to-list .user-list-multiple.selected,.assigned-to-list .user-list-multiple:hover,.assigned-to-list .user-list-single.is-active,.assigned-to-list .user-list-single.selected,.assigned-to-list .user-list-single:hover{ | |
background:rgba(255,255,255,.3); | |
cursor:pointer | |
} | |
.assigned-to-list .user-list-multiple:last-child{ | |
border:0 | |
} | |
.assigned-to-list .user-list-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
margin-right:.25rem; | |
max-width:3rem | |
} | |
.assigned-to-list .user-list-name{ | |
color:#424242; | |
margin-left:.5rem | |
} | |
.assigned-to-list .user-list-single:hover{ | |
transition:background .3s linear; | |
transition-delay:.2s | |
} | |
.assigned-to-list .user-list-single.is-active{ | |
margin-bottom:1rem; | |
position:relative; | |
transition:background .3s linear; | |
transition-delay:.1s | |
} | |
.assigned-to-list .user-list-single .remove-assigned-to{ | |
display:block; | |
fill:#424242; | |
opacity:1; | |
position:absolute; | |
right:1rem; | |
top:1.5rem; | |
transition:all .2s ease-in | |
} | |
.assigned-to-list .user-list-single .remove-assigned-to:hover{ | |
fill:#f44336 | |
} | |
.assigned-to-list .user-list-multiple:hover{ | |
transition:background .3s linear; | |
transition-delay:.2s | |
} | |
.assigned-to-list .user-list-multiple.is-active{ | |
background:rgba(255,255,255,.3); | |
cursor:pointer; | |
position:relative; | |
transition:background .3s linear; | |
transition-delay:.1s | |
} | |
.assigned-to-list .user-list-multiple .remove-assigned-to{ | |
display:block; | |
fill:#424242; | |
opacity:1; | |
position:absolute; | |
right:1rem; | |
top:1.5rem; | |
transition:all .2s ease-in | |
} | |
.assigned-to-list .user-list-multiple .remove-assigned-to:hover{ | |
fill:#f44336 | |
} | |
.ticket-watchers .user-list-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:0 0; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.ticket-watchers .user-list-single:last-child{ | |
border:0 | |
} | |
.ticket-watchers .user-list-multiple{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:0 0; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.25rem 0; | |
vertical-align:middle | |
} | |
.ticket-assigned-users .user-list-multiple,.ticket-assigned-users .user-list-single{ | |
background:0 0; | |
display:-ms-flexbox; | |
padding:.25rem 0; | |
align-content:center; | |
vertical-align:middle | |
} | |
.ticket-watchers .user-list-multiple:last-child{ | |
border:0 | |
} | |
.ticket-watchers .user-list-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
margin-right:.25rem; | |
max-width:3rem | |
} | |
.ticket-watchers .user-list-name{ | |
color:#424242; | |
margin-left:.5rem; | |
-ms-flex:1; | |
flex:1; | |
position:relative | |
} | |
.ticket-watchers .user-list-single:hover .delete-watcher{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.ticket-watchers .delete-watcher{ | |
cursor:pointer; | |
fill:currentColor; | |
opacity:0; | |
position:absolute; | |
right:.5rem; | |
top:0; | |
transition:all .2s ease-in | |
} | |
.ticket-watchers .delete-watcher:hover{ | |
fill:#f44336; | |
transition:color .3s ease-in | |
} | |
.ticket-assigned-users .user-list-single{ | |
-ms-flex-line-pack:center; | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:flex | |
} | |
.ticket-assigned-users .user-list-single:last-child{ | |
border:0 | |
} | |
.ticket-assigned-users .user-list-multiple{ | |
-ms-flex-line-pack:center; | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:flex | |
} | |
.ticket-assigned-users .user-list-multiple:last-child{ | |
border:0 | |
} | |
.ticket-assigned-users .user-list-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
margin-right:.25rem; | |
max-width:3rem | |
} | |
.ticket-assigned-users .user-list-single{ | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.ticket-assigned-users .user-list-single:hover .remove-user{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.ticket-assigned-users .user-list-name{ | |
color:#424242; | |
margin-left:.5rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
-ms-flex:1; | |
flex:1; | |
position:relative | |
} | |
.admin-functionalities .module-name,.admin-membership-table .title,.custom-fields-table .table-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.ticket-assigned-users .remove-user{ | |
cursor:pointer; | |
fill:currentColor; | |
opacity:0; | |
position:absolute; | |
right:.5rem; | |
top:0; | |
transition:all .2s ease-in | |
} | |
.ticket-assigned-users .remove-user:hover{ | |
fill:#f44336; | |
transition:color .3s ease-in | |
} | |
.admin-common header h1{ | |
margin-bottom:0 | |
} | |
.admin-common .admin-subtitle{ | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.admin-common .admin-subtitle a{ | |
color:#3f51b5 | |
} | |
.admin-common .admin-subtitle a:hover{ | |
color:#8c9eff | |
} | |
.admin-common .total{ | |
font-size:1.2rem; | |
-ms-flex-align:center; | |
align-items:center; | |
background-color:#EEE; | |
color:#424242; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.3rem 1rem | |
} | |
.admin-common .total:hover .icon-edit{ | |
opacity:1; | |
transition:opacity .3s linear | |
} | |
.custom-field-options{ | |
margin-bottom:1rem; | |
text-align:right | |
} | |
.custom-fields-table{ | |
margin-bottom:2em | |
} | |
.custom-fields-table .row{ | |
border-bottom:0; | |
padding:.5rem 0 | |
} | |
.custom-fields-table .table-header{ | |
border-bottom:3px solid #EEE | |
} | |
.custom-fields-table .table-header .custom-description,.custom-fields-table .table-header .custom-name{ | |
padding-left:1.1rem | |
} | |
.custom-fields-table .table-body .row:hover{ | |
background:rgba(140,158,255,.05); | |
cursor:move; | |
transition:background .2s linear | |
} | |
.custom-fields-table .table-body .row:hover .custom-options,.custom-fields-table .table-body .row:hover .icon-drag{ | |
opacity:1; | |
transition:opacity .2s linear | |
} | |
.custom-fields-table .table-body form.row:hover{ | |
background:0 0; | |
cursor:default | |
} | |
.custom-fields-table .table-body .custom-description{ | |
color:#BDBDBD | |
} | |
.custom-fields-table .single-custom-field{ | |
border-bottom:1px solid #EEE; | |
color:#757575 | |
} | |
.custom-fields-table .icon-drag{ | |
fill:#BDBDBD; | |
opacity:0; | |
padding:0 .25rem 0 .1rem; | |
transition:color .2s linear | |
} | |
.custom-fields-table .custom-description,.custom-fields-table .custom-name{ | |
margin-right:.5rem | |
} | |
.custom-fields-table .custom-name{ | |
-ms-flex-preferred-size:25%; | |
flex-basis:25%; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.custom-fields-table .custom-description{ | |
display:inline-block; | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
-ms-flex-preferred-size:50%; | |
flex-basis:50%; | |
-ms-flex-positive:8; | |
flex-grow:8 | |
} | |
.custom-fields-table .custom-field-type{ | |
-ms-flex-preferred-size:10%; | |
flex-basis:10%; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.custom-fields-table .custom-options{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
opacity:0; | |
text-align:center | |
} | |
.custom-fields-table .custom-options svg{ | |
cursor:pointer; | |
fill:#BDBDBD; | |
margin-right:.5rem; | |
transition:color .2s linear; | |
vertical-align:middle | |
} | |
.custom-fields-table .custom-options svg:hover{ | |
fill:#3f51b5; | |
transition:color .2s linear | |
} | |
.custom-fields-table .custom-options svg.icon-close,.custom-fields-table .custom-options svg.icon-trash{ | |
fill:#ff5252 | |
} | |
.custom-fields-table .custom-options-wrapper{ | |
opacity:0; | |
transition:opacity .3s linear | |
} | |
.custom-fields-table .custom-options-wrapper a{ | |
display:inline-block | |
} | |
.custom-fields-table form .custom-options-wrapper{ | |
opacity:1 | |
} | |
.admin-functionalities .module-container{ | |
max-width:900px; | |
width:100% | |
} | |
.admin-project-export-result .spin img,.project-details .loading-spinner{ | |
max-height:1rem; | |
max-width:1rem; | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate | |
} | |
.admin-functionalities .module{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:start; | |
align-items:flex-start; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem 0 | |
} | |
.admin-functionalities .module.active .module-icon .icon,.admin-functionalities .module.active .module-name{ | |
color:#3f51b5; | |
fill:#3f51b5 | |
} | |
.admin-functionalities .module-icon{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin:0 .5rem 0 0 | |
} | |
.admin-functionalities .module-icon .icon{ | |
width:3rem; | |
height:3rem; | |
fill:#BDBDBD | |
} | |
.admin-functionalities .module-name{ | |
font-size:1.2rem; | |
color:#BDBDBD; | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin:0 .5rem | |
} | |
.admin-functionalities .module-desc{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
-ms-flex:1; | |
flex:1; | |
margin:0 2rem 0 0 | |
} | |
.admin-functionalities .module-desc p{ | |
margin:0 | |
} | |
.admin-functionalities .module-desc-options,.admin-functionalities .videoconference-attributes{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
margin-top:.5rem | |
} | |
.admin-functionalities .module-desc-options .options,.admin-functionalities .videoconference-attributes .options{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:2.5rem | |
} | |
.admin-functionalities .module-desc-options .icon,.admin-functionalities .module-desc-options fieldset,.admin-functionalities .videoconference-attributes .icon,.admin-functionalities .videoconference-attributes fieldset{ | |
margin:0 .5rem | |
} | |
.admin-functionalities .module-desc-options .icon,.admin-functionalities .videoconference-attributes .icon{ | |
fill:#BDBDBD | |
} | |
.admin-functionalities .module-desc-options .icon:hover,.admin-functionalities .videoconference-attributes .icon:hover{ | |
fill:#3f51b5 | |
} | |
.admin-functionalities .module-scrum .options{ | |
-ms-flex-item-align:end; | |
align-self:flex-end | |
} | |
.admin-functionalities .module-videoconference .options{ | |
-ms-flex-item-align:start; | |
align-self:flex-start | |
} | |
.admin-membership-table .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.admin-membership-table .avatar img{ | |
border-radius:4px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
margin:0 .5rem 0 .3rem; | |
width:50px | |
} | |
.admin-membership-table .avatar .data{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575; | |
margin-top:.2rem | |
} | |
.admin-membership-table .avatar .pending,.admin-menu li{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.admin-membership-table .avatar .pending{ | |
color:#ff5252; | |
display:inline-block; | |
padding-left:.3rem | |
} | |
.admin-membership-table .header-role,.admin-membership-table .header-status{ | |
padding-left:.5rem | |
} | |
.admin-membership-table .row-role{ | |
padding-right:1rem | |
} | |
.admin-membership-table .row-status{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.admin-membership-table .active,.admin-membership-table .resend{ | |
padding:.4rem .5rem | |
} | |
.admin-membership-table .active{ | |
background-color:#EEE | |
} | |
.admin-membership-table .resend{ | |
background-color:#3f51b5; | |
color:#fff | |
} | |
.admin-membership-table .resend:hover{ | |
background-color:#8c9eff; | |
color:#fff; | |
transition:background-color .3s linear | |
} | |
.admin-membership-table .delete{ | |
fill:#BDBDBD; | |
transition:fill .2s | |
} | |
.admin-membership-table .delete:hover{ | |
fill:#f44336 | |
} | |
.admin-membership-table .pending{ | |
color:#ff5252 | |
} | |
.admin-membership-table .row-admin input{ | |
vertical-align:middle | |
} | |
.admin-membership-table .row-admin label{ | |
font-size:.9rem | |
} | |
.admin-membership-table .header-member,.admin-membership-table .header-role,.admin-membership-table .row-member,.admin-membership-table .row-role{ | |
-ms-flex-preferred-size:210px; | |
flex-basis:210px; | |
-ms-flex-positive:3; | |
flex-grow:3; | |
min-width:210px | |
} | |
.admin-membership-table .header-admin,.admin-membership-table .row-admin{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
min-width:70px | |
} | |
.admin-membership-table .header-status,.admin-membership-table .row-status{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.admin-menu li{ | |
border-bottom:1px solid #d5d5d5 | |
} | |
.admin-menu li:last-child{ | |
border-bottom:0 | |
} | |
.admin-menu a{ | |
display:block; | |
padding:1rem 0 1rem 1rem | |
} | |
.admin-project-export-buttons{ | |
margin:2rem 0 1rem | |
} | |
.admin-project-export-result{ | |
margin-top:1rem | |
} | |
.admin-project-export-result .spin{ | |
margin:0 auto; | |
width:2.5rem | |
} | |
.admin-project-export-result .spin img{ | |
margin:0 auto; | |
transform-origin:32 32; | |
width:100% | |
} | |
.admin-project-export-result h3{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
font-size:1.2rem; | |
background:#f5f5f5; | |
color:#757575; | |
margin:.5rem; | |
padding:.5rem; | |
text-align:center | |
} | |
.admin-project-export-result p{ | |
color:#BDBDBD; | |
margin:.5rem 0; | |
text-align:center | |
} | |
.project-details .delete-project:hover,.project-details .use-default-image:hover{ | |
color:#f44336 | |
} | |
.project-details form{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.project-details fieldset{ | |
margin-bottom:1rem | |
} | |
.project-details label{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
display:block; | |
margin-bottom:.2rem | |
} | |
.project-details .project-details-image{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:180px; | |
margin-right:2rem | |
} | |
.project-details .project-details-image .image{ | |
width:100% | |
} | |
.project-details .change-image{ | |
display:block | |
} | |
.project-details .image-container{ | |
position:relative; | |
margin-bottom:.5rem | |
} | |
.project-details .loading-overlay{ | |
display:none | |
} | |
.project-details .loading-overlay.active{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:rgba(33,33,33,.8); | |
bottom:0; | |
display:-ms-flexbox; | |
display:flex; | |
left:0; | |
position:absolute; | |
right:0; | |
top:0; | |
width:100% | |
} | |
.project-details .loading-spinner{ | |
margin:0 auto; | |
border:0; | |
transform-origin:center center | |
} | |
.project-details .use-default-image{ | |
font-size:1rem; | |
display:block; | |
margin-top:.25rem; | |
text-align:center | |
} | |
.project-details .project-details-form-data{ | |
-ms-flex:1; | |
flex:1; | |
max-width:500px | |
} | |
@media (max-width:767px){ | |
.project-details form{ | |
display:block | |
} | |
} | |
.project-details .get-feedback,.project-details .looking-for-people{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
border-bottom:1px solid #EEE; | |
padding:1rem 0 | |
} | |
.project-details .looking-for-people{ | |
border-top:1px solid #EEE; | |
margin-bottom:0 | |
} | |
.project-details .get-feedback-inner,.project-details .looking-for-people-selector{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.project-details .get-feedback-inner svg,.project-details .looking-for-people-selector svg{ | |
width:1rem; | |
height:1rem; | |
fill:#BDBDBD; | |
margin-left:.5rem | |
} | |
.project-details .get-feedback-inner .check,.project-details .looking-for-people-selector .check{ | |
margin-left:auto | |
} | |
.project-details .looking-for-people-reason{ | |
display:block; | |
margin-top:1rem | |
} | |
.project-details .looking-for-people-reason.ng-hide-remove-active{ | |
animation:dropdownFade .3s | |
} | |
.project-details .looking-for-people-reason.ng-hide-add-active{ | |
animation:dropdownFade .2s reverse; | |
animation-delay:.1s | |
} | |
.project-details .delete-project{ | |
font-size:1rem; | |
display:block; | |
margin-top:1rem; | |
text-align:right | |
} | |
.project-details .private-or-public{ | |
font-size:1rem; | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.project-details .private-or-public svg{ | |
width:1.1rem; | |
height:1.1rem; | |
fill:#BDBDBD; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.project-privacy-settings{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:.5rem | |
} | |
.project-privacy-settings .privacy-option{ | |
-ms-flex:1; | |
flex:1; | |
transition:.2 linear | |
} | |
.project-privacy-settings .privacy-option:first-child{ | |
margin-right:.5rem | |
} | |
.project-privacy-settings input[type=radio],.project-privacy-settings input[type=text]{ | |
display:none | |
} | |
.project-privacy-settings .privacy-project:checked~input[type=text],tg-admin-project-restrictions span{ | |
display:block | |
} | |
.project-privacy-settings label{ | |
background:#f5f5f5; | |
color:#424242; | |
text-align:center; | |
transition:all .2s linear | |
} | |
.project-privacy-settings label:hover{ | |
background:rgba(140,158,255,.4); | |
color:#424242 | |
} | |
.project-privacy-settings label:hover svg{ | |
fill:#424242 | |
} | |
.project-privacy-settings label svg{ | |
width:1.1rem; | |
height:1.1rem; | |
fill:#424242; | |
margin-left:.5rem; | |
vertical-align:middle | |
} | |
.project-privacy-settings .privacy-project:checked+label{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.project-privacy-settings .privacy-project:checked+label svg{ | |
width:1.1rem; | |
height:1.1rem; | |
fill:#fff | |
} | |
.project-privacy-settings .privacy-project[disabled]+label{ | |
background:#f5f5f5; | |
box-shadow:none; | |
color:#BDBDBD; | |
cursor:not-allowed; | |
opacity:.65 | |
} | |
.project-privacy-settings .privacy-project[disabled]+label:hover{ | |
background:#f5f5f5; | |
color:#BDBDBD | |
} | |
tg-admin-project-restrictions p{ | |
font-size:1rem; | |
text-align:center | |
} | |
tg-admin-project-restrictions a{ | |
color:#3f51b5 | |
} | |
tg-admin-project-restrictions span:first-child::before{ | |
border:1px solid #ff5252; | |
border-radius:6px; | |
color:#ff5252; | |
content:'!'; | |
display:inline-block; | |
height:12px; | |
line-height:12px; | |
margin-right:.5rem; | |
text-align:center; | |
width:12px | |
} | |
.admin-project-profile-owner-actions{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-top:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding-top:1rem | |
} | |
.admin-project-profile-owner-actions a{ | |
color:#3f51b5 | |
} | |
.admin-project-profile-owner-actions a:hover{ | |
color:#8c9eff; | |
transition:color .2s | |
} | |
.admin-project-profile-owner-actions img{ | |
width:100% | |
} | |
.admin-project-profile-owner-actions .owner-info{ | |
-ms-flex:1; | |
flex:1; | |
padding-left:.5rem | |
} | |
.admin-project-profile-owner-actions .owner-info-title{ | |
color:#BDBDBD | |
} | |
.admin-project-profile-owner-actions .owner-name{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.admin-roles .general-category,.admin-roles .role-name{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.admin-project-profile-owner-actions .owner-avatar{ | |
width:2.5rem | |
} | |
.admin-project-profile-owner-actions .request{ | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.admin-roles .save{ | |
display:inline-block | |
} | |
.admin-roles .role-name{ | |
font-size:2rem; | |
color:#424242 | |
} | |
.admin-roles .icon:hover{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.admin-roles .icon-edit{ | |
cursor:pointer; | |
fill:#BDBDBD; | |
margin-left:.5rem; | |
opacity:0; | |
transition:opacity .2s linear | |
} | |
.admin-roles .icon-save{ | |
fill:#BDBDBD; | |
margin-left:.5rem; | |
transition:fill .2s linear | |
} | |
.admin-roles .edit-role{ | |
background-color:#EEE; | |
display:none; | |
margin-bottom:1rem; | |
padding:.3rem 1rem | |
} | |
.admin-roles .edit-role input{ | |
background-color:#fff; | |
width:50% | |
} | |
.admin-roles .any-computable-role{ | |
background:#f44336; | |
color:#fff; | |
margin-bottom:.5rem; | |
padding:.5rem | |
} | |
.admin-roles .general-category{ | |
font-size:.9rem; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
padding-bottom:2rem | |
} | |
.admin-roles .general-category.external-user{ | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
.admin-roles .general-category .check{ | |
margin-left:.5rem | |
} | |
.admin-roles .general-category .check input{ | |
height:40px; | |
width:85px | |
} | |
.admin-submenu-roles .single-role{ | |
max-width:175px; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
display:inline-block | |
} | |
.admin-submenu ul a span,.admin-webhooks .webhook-url span{ | |
max-width:85%; | |
overflow:hidden; | |
white-space:nowrap; | |
text-overflow:ellipsis | |
} | |
.admin-submenu li{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
border-bottom:1px solid #BDBDBD | |
} | |
.admin-submenu li:last-child{ | |
border-bottom:0 | |
} | |
.admin-submenu ul a{ | |
color:#fff; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:1rem 0 1rem 1rem | |
} | |
.admin-submenu ul a:hover{ | |
background:#1d278b; | |
color:#fff; | |
transition:all .2s | |
} | |
.admin-submenu ul a.active{ | |
background:#232fa8; | |
color:#fff; | |
transition:all .2s | |
} | |
.admin-submenu ul a span{ | |
display:block | |
} | |
.admin-submenu input{ | |
margin:0 1rem; | |
width:85% | |
} | |
.admin-submenu .button-gray{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin:0 1rem; | |
padding:.5rem 0; | |
text-align:center | |
} | |
.admin-submenu .button-gray:hover{ | |
background-color:#212121 | |
} | |
.admin-webhooks .webhooks-table{ | |
margin-bottom:1rem | |
} | |
.admin-webhooks .webhooks-table .row{ | |
border-bottom:0; | |
padding:.5rem 0 | |
} | |
.admin-webhooks .webhooks-table .row:hover .webhook-options-wrapper{ | |
opacity:1; | |
transition:opacity .2s linear | |
} | |
.admin-webhooks .table-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:1px solid #BDBDBD | |
} | |
.admin-webhooks .table-body .webhook-service{ | |
color:#757575 | |
} | |
.admin-webhooks .single-webhook-wrapper{ | |
border-bottom:1px solid #EEE | |
} | |
.admin-webhooks .webhook-service,.admin-webhooks .webhook-url{ | |
margin-right:.5rem | |
} | |
.admin-webhooks .webhook-service{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.admin-webhooks .webhook-url{ | |
-ms-flex-preferred-size:60%; | |
flex-basis:60%; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
overflow:hidden | |
} | |
.admin-webhooks .webhook-url span{ | |
word-wrap:normal; | |
color:#BDBDBD; | |
display:inline-block; | |
vertical-align:middle | |
} | |
.admin-webhooks .webhook-url a{ | |
color:#3f51b5; | |
cursor:pointer; | |
margin-left:.5rem; | |
white-space:nowrap | |
} | |
.admin-webhooks .webhook-url a:hover{ | |
color:#8c9eff | |
} | |
.admin-webhooks .webhook-options{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-left:auto | |
} | |
.admin-webhooks .webhook-options a{ | |
cursor:pointer; | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.admin-webhooks .webhook-options svg{ | |
fill:#BDBDBD | |
} | |
.admin-webhooks .webhook-options svg:hover{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.admin-webhooks .webhook-options-wrapper{ | |
opacity:0; | |
transition:opacity .3s linear | |
} | |
.admin-webhooks .webhook-url-inputs{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.admin-webhooks .webhook-url-inputs fieldset{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-right:.3rem | |
} | |
.admin-webhooks .webhooks-history{ | |
display:none | |
} | |
.admin-webhooks .history-single-wrapper{ | |
border-bottom:1px solid #EEE; | |
margin-left:22% | |
} | |
.admin-webhooks .history-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem; | |
transition:background .2s linear | |
} | |
.admin-webhooks .history-single:hover{ | |
background:rgba(140,158,255,.1); | |
transition:background .2s linear | |
} | |
.admin-webhooks .history-single.history-single-open:hover{ | |
background:0 0 | |
} | |
.admin-webhooks .history-single.history-single-open .icon-arrow-bottom{ | |
transform:rotate(180deg); | |
transition:transform .3s linear | |
} | |
.admin-webhooks .history-single .icon-arrow-bottom{ | |
transform:rotate(0); | |
transition:transform .3s linear | |
} | |
.admin-webhooks .history-response-icon{ | |
background:#757575; | |
border-radius:25%; | |
display:inline-block; | |
height:.8rem; | |
margin-right:.5rem; | |
width:.8rem | |
} | |
.admin-webhooks .history-response-icon.history-success{ | |
background:#8c9eff | |
} | |
.admin-webhooks .history-response-icon.history-error{ | |
background:#f44336 | |
} | |
.admin-webhooks .history-single-response{ | |
max-height:0; | |
transition:max-height .5s ease-in; | |
overflow:hidden | |
} | |
.admin-webhooks .history-single-response.open{ | |
transition:max-height .5s ease-in; | |
max-height:1000px | |
} | |
.admin-webhooks .history-single-request-header,.admin-webhooks .history-single-response-header{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:1.5rem 0 .5rem | |
} | |
.admin-webhooks .history-single-request-header span:first-child,.admin-webhooks .history-single-response-header span:first-child{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
color:#BDBDBD | |
} | |
.admin-webhooks .history-single-request-header a,.admin-webhooks .history-single-response-header a{ | |
font-size:.9rem; | |
color:#BDBDBD | |
} | |
.admin-webhooks .history-single-request-header a:hover,.admin-webhooks .history-single-response-header a:hover{ | |
color:#8c9eff; | |
transition:color .2s linear | |
} | |
.admin-webhooks .history-single-request-header .icon,.admin-webhooks .history-single-response-header .icon{ | |
margin-right:.3rem; | |
vertical-align:middle | |
} | |
.admin-webhooks .history-single-request-body .response-container,.admin-webhooks .history-single-response-body .response-container{ | |
font-family:'courier new',monospace; | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
margin-bottom:.5rem | |
} | |
.admin-webhooks .history-single-request-body span,.admin-webhooks .history-single-response-body span{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
text-align:center | |
} | |
.admin-webhooks .history-single-request-body textarea,.admin-webhooks .history-single-response-body textarea{ | |
font-family:'courier new',monospace; | |
border:0; | |
-ms-flex-positive:2; | |
flex-grow:2; | |
min-height:7.5rem | |
} | |
.admin-contrib h2,.admin-contrib label{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.admin-webhooks .history-single-response-body textarea{ | |
min-height:10rem | |
} | |
.admin-contrib form{ | |
margin:1rem 0; | |
max-width:700px; | |
width:100% | |
} | |
.admin-contrib h2{ | |
font-size:1.2rem; | |
margin-bottom:0 | |
} | |
.admin-contrib fieldset{ | |
border-bottom:1px solid #EEE; | |
margin-bottom:1rem | |
} | |
.admin-contrib input{ | |
margin-bottom:1rem | |
} | |
.admin-contrib label{ | |
display:block; | |
margin-bottom:.25rem | |
} | |
.admin-contrib .submit-button{ | |
display:block; | |
text-align:center | |
} | |
.admin-contrib .select-input-text .field-with-option{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.admin-contrib .select-input-text .option-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
border:1px solid #BDBDBD; | |
border-left:0; | |
border-radius:0 5px 5px 0; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:1rem; | |
padding:0 1rem | |
} | |
.admin-contrib .check-item{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-top:1rem | |
} | |
.admin-contrib .check-item:last-child{ | |
border-bottom:0; | |
margin-bottom:1rem | |
} | |
.contrib-form-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:1rem | |
} | |
.contrib-form-wrapper input{ | |
margin:0 | |
} | |
.contrib-form-wrapper .contrib-input{ | |
border:0; | |
-ms-flex:5; | |
flex:5; | |
margin:0 | |
} | |
.contrib-form-wrapper .contrib-test{ | |
border:0; | |
-ms-flex:1; | |
flex:1; | |
margin:0 0 0 1rem | |
} | |
.default-values fieldset{ | |
margin-bottom:1rem | |
} | |
.default-values fieldset:last-child{ | |
margin-top:1.5rem | |
} | |
.default-values label,.default-values select{ | |
display:inline-block; | |
width:49.7% | |
} | |
.default-values a{ | |
color:#fff; | |
display:block; | |
text-align:center | |
} | |
.project-csv{ | |
margin-bottom:2.5rem | |
} | |
.project-csv .project-values-title{ | |
margin-bottom:1rem | |
} | |
.project-csv .csv-regenerate-field{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:1rem | |
} | |
.project-csv .csv-regenerate-field a{ | |
font-size:.9rem; | |
min-width:110px | |
} | |
.project-csv .csv-regenerate-field .icon:not(.icon-clipboard){ | |
fill:currentColor; | |
height:.9rem; | |
margin-right:.3rem; | |
vertical-align:middle; | |
width:.9rem | |
} | |
.project-csv .field-with-options{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-right:1rem; | |
width:100% | |
} | |
.project-csv .field-with-options input{ | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.project-csv .option-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
border:1px solid #BDBDBD; | |
border-left:0; | |
border-radius:0 5px 5px 0; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
padding:0 1rem | |
} | |
.project-csv .button{ | |
padding:.5rem 1rem | |
} | |
.project-csv .button span{ | |
margin:0 | |
} | |
.project-values-row{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
padding:1rem | |
} | |
.project-values-row div{ | |
margin-left:1rem; | |
position:relative | |
} | |
.project-values-row .icon{ | |
cursor:pointer; | |
fill:#BDBDBD; | |
opacity:0 | |
} | |
.project-values-row .icon:hover{ | |
fill:#424242; | |
transition:all .2s ease-in | |
} | |
.project-values-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:3px solid #EEE | |
} | |
.admin-third-parties input,.admin-third-parties label,.admin-third-parties textarea{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.project-values-body form:last-child .project-values-row{ | |
border:0 | |
} | |
.project-values-body .project-values-row:hover{ | |
background:#fff; | |
cursor:move; | |
transition:background .2s ease-in | |
} | |
.project-values-body .project-values-row:hover .icon{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.project-values-name{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
-ms-flex-positive:3; | |
flex-grow:3 | |
} | |
.project-values-value{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.project-values-isclosed,.project-values-settings{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
text-align:right | |
} | |
.project-values-settings a{ | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.project-values-settings svg.icon-trash{ | |
fill:#ff5252 | |
} | |
.admin-third-parties form{ | |
margin:1rem 0; | |
max-width:700px; | |
width:100% | |
} | |
.cancel-account form,.change-email-form form{ | |
margin-top:1rem | |
} | |
.admin-third-parties fieldset{ | |
margin-bottom:1rem | |
} | |
.admin-third-parties label{ | |
display:block; | |
margin-bottom:.2rem | |
} | |
.admin-third-parties textarea{ | |
height:10rem | |
} | |
.admin-third-parties .submit-button{ | |
color:#fff; | |
display:block; | |
text-align:center | |
} | |
.cancel-account p,.change-email-form p{ | |
color:#424242; | |
margin-bottom:.5rem; | |
text-align:center | |
} | |
.admin-third-parties .select-input-text .field-with-option{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.admin-third-parties .select-input-text .option-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
border:1px solid #BDBDBD; | |
border-left:0; | |
border-radius:0 5px 5px 0; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
padding:0 1rem | |
} | |
.admin-third-parties .select-input-text .help-copy{ | |
font-size:.9rem; | |
opacity:0 | |
} | |
.admin-third-parties .select-input-text .help-copy.visible{ | |
opacity:1; | |
transition:opacity .2s linear | |
} | |
.cancel-account fieldset{ | |
text-align:center | |
} | |
.change-email-form fieldset{ | |
text-align:center | |
} | |
.change-password-text,.forgot-form-container{ | |
text-align:center | |
} | |
.login-form-container .login-password{ | |
position:relative | |
} | |
.login-form-container input:focus+.forgot-pass{ | |
opacity:0; | |
transition:opacity .3s linear | |
} | |
.login-form-container .forgot-pass{ | |
font-size:.9rem; | |
color:#757575; | |
opacity:1; | |
position:absolute; | |
right:1rem; | |
top:.6rem; | |
transition:all .3s linear | |
} | |
.login-form-container .forgot-pass:hover{ | |
color:#424242; | |
transition:color .3s linear | |
} | |
.register-form-container{ | |
display:block | |
} | |
.register-form-container .register-text-top{ | |
display:block; | |
margin:1rem 0; | |
text-align:center | |
} | |
.register-form-container .register-text{ | |
font-size:.9rem | |
} | |
.backlog-table-body,.backlog-table-header{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
width:100% | |
} | |
.backlog-table-body.show-tags .tags-block,.backlog-table-header.show-tags .tags-block{ | |
display:block | |
} | |
.backlog-table-body .row,.backlog-table-header .row{ | |
font-size:.9rem; | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem 0 .5rem .5rem; | |
text-align:left; | |
width:100% | |
} | |
.backlog-table-body .backlog-table-title:hover,.backlog-table-body .row:hover,.backlog-table-header .backlog-table-title:hover,.backlog-table-header .row:hover{ | |
background:0 0 | |
} | |
.backlog-table-body .backlog-table-title .input,.backlog-table-body .row .input,.backlog-table-header .backlog-table-title .input,.backlog-table-header .row .input{ | |
-ms-flex-preferred-size:25px; | |
flex-basis:25px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.backlog-table-body .backlog-table-title .user-stories,.backlog-table-body .row .user-stories,.backlog-table-header .backlog-table-title .user-stories,.backlog-table-header .row .user-stories{ | |
width:100% | |
} | |
.backlog-table-body .backlog-table-title .status,.backlog-table-body .row .status,.backlog-table-header .backlog-table-title .status,.backlog-table-header .row .status{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.backlog-table-body .backlog-table-title .points,.backlog-table-body .row .points,.backlog-table-header .backlog-table-title .points,.backlog-table-header .row .points{ | |
-ms-flex-preferred-size:125px; | |
flex-basis:125px; | |
-ms-flex-positive:0; | |
flex-grow:0 | |
} | |
.backlog-table-body .votes,.backlog-table-header .votes{ | |
color:#757575; | |
-ms-flex-preferred-size:65px; | |
flex-basis:65px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
text-align:center | |
} | |
.backlog-table-body .votes.inactive,.backlog-table-header .votes.inactive{ | |
color:#BDBDBD | |
} | |
.backlog-table-body .votes.inactive svg,.backlog-table-header .votes.inactive svg{ | |
fill:#BDBDBD | |
} | |
.backlog-table-body .votes.is-voted,.backlog-table-header .votes.is-voted{ | |
color:#8c9eff; | |
fill:#8c9eff | |
} | |
.backlog-table-body .votes svg,.backlog-table-header .votes svg{ | |
fill:#757575; | |
height:.75rem; | |
margin-right:.25rem; | |
vertical-align:middle; | |
width:.75rem | |
} | |
.backlog-table-body .points,.backlog-table-body .status,.backlog-table-header .points,.backlog-table-header .status{ | |
position:relative; | |
text-align:right | |
} | |
.backlog-table-body .points .popover a,.backlog-table-body .status .popover a,.backlog-table-header .points .popover a,.backlog-table-header .status .popover a{ | |
text-align:left; | |
width:100% | |
} | |
.backlog-table-body .points .popover .point,.backlog-table-body .status .popover .point,.backlog-table-header .points .popover .point,.backlog-table-header .status .popover .point{ | |
text-align:center | |
} | |
.backlog-table-body .points .icon,.backlog-table-body .status .icon,.backlog-table-header .points .icon,.backlog-table-header .status .icon{ | |
width:.75rem; | |
height:.75rem; | |
fill:currentColor; | |
margin-left:.2rem | |
} | |
.backlog-table-body .pop-points,.backlog-table-body .pop-role,.backlog-table-body .pop-status,.backlog-table-header .pop-points,.backlog-table-header .pop-role,.backlog-table-header .pop-status{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
list-style-type:none; | |
margin:0; | |
position:absolute; | |
z-index:99; | |
text-align:"center"; | |
font-size:.9rem | |
} | |
.backlog-table-body .pop-status,.backlog-table-header .pop-status{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:65%; | |
padding:10px 1rem 10px 10px; | |
top:0; | |
width:200px | |
} | |
.backlog-table-body .pop-status a,.backlog-table-header .pop-status a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.backlog-table-body .pop-status a:last-child,.backlog-table-header .pop-status a:last-child{ | |
border:0 | |
} | |
.backlog-table-body .pop-status a:hover,.backlog-table-header .pop-status a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.backlog-table-body .pop-status a:hover.point,.backlog-table-header .pop-status a:hover.point{ | |
color:#fff | |
} | |
.backlog-table-body .pop-status:after,.backlog-table-header .pop-status:after{ | |
background:#212121; | |
content:''; | |
height:15px; | |
position:absolute; | |
transform:rotate(45deg); | |
width:0 | |
} | |
.backlog-table-body .pop-status.fix,.backlog-table-header .pop-status.fix{ | |
bottom:0; | |
top:auto | |
} | |
.backlog-table-body .pop-role,.backlog-table-header .pop-role{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:65%; | |
padding:10px; | |
top:0; | |
width:200px | |
} | |
.backlog-table-body .pop-role a,.backlog-table-header .pop-role a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.backlog-table-body .pop-role a:last-child,.backlog-table-header .pop-role a:last-child{ | |
border:0 | |
} | |
.backlog-table-body .pop-role a:hover,.backlog-table-header .pop-role a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.backlog-table-body .pop-role a:hover.point,.backlog-table-header .pop-role a:hover.point{ | |
color:#fff | |
} | |
.backlog-table-body .pop-role:after,.backlog-table-header .pop-role:after{ | |
background:#212121; | |
content:''; | |
height:15px; | |
position:absolute; | |
transform:rotate(45deg); | |
width:0 | |
} | |
.backlog-table-body .pop-role a.active,.backlog-table-header .pop-role a.active{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.backlog-table-body .pop-points,.backlog-table-header .pop-points{ | |
background:#212121; | |
bottom:10px; | |
color:#fff; | |
display:none; | |
left:30px; | |
padding:10px 3rem 10px 10px; | |
width:150px | |
} | |
.backlog-table-body .pop-points a,.backlog-table-header .pop-points a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.backlog-table-body .pop-points-open,.backlog-table-body .pop-points-open.pop-bottom,.backlog-table-header .pop-points-open,.backlog-table-header .pop-points-open.pop-bottom{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
display:none; | |
left:30px; | |
list-style-type:none; | |
margin:0; | |
z-index:99; | |
text-align:"center"; | |
font-size:.9rem; | |
background:#212121; | |
position:absolute | |
} | |
.backlog-table-body .pop-points a:last-child,.backlog-table-header .pop-points a:last-child{ | |
border:0 | |
} | |
.backlog-table-body .pop-points a:hover,.backlog-table-header .pop-points a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.backlog-table-body .pop-points a:hover.point,.backlog-table-header .pop-points a:hover.point{ | |
color:#fff | |
} | |
.backlog-table-body .pop-points:after,.backlog-table-header .pop-points:after{ | |
background:#212121; | |
content:''; | |
height:15px; | |
position:absolute; | |
transform:rotate(45deg); | |
width:0 | |
} | |
.backlog-table-body .pop-points-open,.backlog-table-header .pop-points-open{ | |
color:#fff; | |
padding:10px; | |
top:0; | |
width:200px | |
} | |
.backlog-table-body .pop-points-open a,.backlog-table-header .pop-points-open a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
padding:10px 2px | |
} | |
.backlog-table-body .pop-points-open a:last-child,.backlog-table-header .pop-points-open a:last-child{ | |
border:0 | |
} | |
.backlog-table-body .pop-points-open a:hover,.backlog-table-header .pop-points-open a:hover{ | |
transition:color .3s linear | |
} | |
.backlog-table-body .pop-points-open a:hover.point,.backlog-table-header .pop-points-open a:hover.point{ | |
color:#fff | |
} | |
.backlog-table-body .pop-points-open:after,.backlog-table-header .pop-points-open:after{ | |
background:#212121; | |
content:''; | |
height:15px; | |
position:absolute; | |
transform:rotate(45deg); | |
width:0 | |
} | |
.backlog-table-body .pop-points-open.pop-bottom,.backlog-table-header .pop-points-open.pop-bottom{ | |
bottom:0; | |
color:#fff; | |
padding:10px; | |
top:auto; | |
width:200px | |
} | |
.backlog-table-body .pop-points-open.pop-bottom a,.backlog-table-header .pop-points-open.pop-bottom a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.backlog-table-body .pop-points-open.pop-bottom a:last-child,.backlog-table-header .pop-points-open.pop-bottom a:last-child{ | |
border:0 | |
} | |
.backlog-table-body .pop-points-open.pop-bottom a:hover,.backlog-table-header .pop-points-open.pop-bottom a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.backlog-table-body .pop-points-open.pop-bottom a:hover.point,.backlog-table-header .pop-points-open.pop-bottom a:hover.point{ | |
color:#fff | |
} | |
.backlog-table-body .pop-points-open.pop-bottom:after,.backlog-table-header .pop-points-open.pop-bottom:after{ | |
background:#212121; | |
content:''; | |
height:15px; | |
position:absolute; | |
transform:rotate(45deg); | |
width:0 | |
} | |
.backlog-table-body .pop-points-open li,.backlog-table-header .pop-points-open li{ | |
display:inline-block; | |
width:23% | |
} | |
.backlog-table-body .pop-points-open a,.backlog-table-header .pop-points-open a{ | |
display:block; | |
text-align:center | |
} | |
.backlog-table-body .pop-points-open a.active,.backlog-table-body .pop-points-open a:hover,.backlog-table-header .pop-points-open a.active,.backlog-table-header .pop-points-open a:hover{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.backlog-table-header .backlog-table-title{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:1rem; | |
border-bottom:2px solid #BDBDBD; | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
padding-right:1rem | |
} | |
.backlog-table-header .points{ | |
cursor:pointer | |
} | |
.backlog-table-header .header-points span{ | |
color:#BDBDBD | |
} | |
.backlog-table-body.forecasted-stories{ | |
border:.5rem solid #f5f5f5; | |
border-bottom:0 | |
} | |
.backlog-table-body .row{ | |
border-bottom:1px solid #e4e4e4; | |
cursor:move; | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
position:relative | |
} | |
.backlog-table-body .row:hover{ | |
background:#fff; | |
transition:background .2s ease-in; | |
transition-delay:.2s | |
} | |
.backlog-table-body .row:hover .icon-drag,.backlog-table-body .row:hover .us-settings{ | |
opacity:1; | |
transition:all .2s ease-in | |
} | |
.backlog-table-body .row:last-child{ | |
border-bottom:0 | |
} | |
.backlog-table-body .row.gu-mirror{ | |
background:#fff; | |
box-shadow:1px 1px 10px rgba(0,0,0,.1); | |
opacity:.9; | |
transition:background .2s ease-in | |
} | |
.backlog-table-body .row .points .not-clickable:hover{ | |
color:#000; | |
cursor:text | |
} | |
.backlog-table-body .row .icon-arrow-down{ | |
fill:#BDBDBD; | |
height:.7rem; | |
width:.7rem | |
} | |
.backlog-table-body .gu-transit{ | |
background:#EEE | |
} | |
.backlog-table-body .sortable-placeholder{ | |
background:#f5f5f5; | |
height:40px; | |
width:100% | |
} | |
.backlog-table-body .sortable-placeholder *{ | |
display:none | |
} | |
.backlog-table-body .is-checked{ | |
background:#fff; | |
transition:background .2s ease-in | |
} | |
.backlog-table-body input:checked{ | |
color:#8c9eff; | |
transition:color .2s ease-in | |
} | |
.backlog-table-body .user-story-name{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap | |
} | |
.backlog-table-body .user-story-name a{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
display:inline-block; | |
-ms-flex:1; | |
flex:1 | |
} | |
.sprints .sprint .sprint-date,.sprints .sprint-name a{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.backlog-table-body .user-story-name span{ | |
line-height:1.5 | |
} | |
.backlog-table-body .tags-block{ | |
display:none; | |
margin-bottom:.3rem | |
} | |
.backlog-table-body .tags-block .tag{ | |
font-size:.9rem; | |
margin-right:.5rem; | |
padding:.2rem .5rem | |
} | |
.backlog-table-body .blocked{ | |
background:#ff5252; | |
border-bottom:1px solid #fff; | |
color:#fff | |
} | |
.backlog-table-body .blocked:hover{ | |
background:#f44336; | |
transition:background .2s ease-in | |
} | |
.backlog-table-body .blocked a{ | |
color:#fff!important | |
} | |
.backlog-table-body .blocked .icon,.backlog-table-body .blocked .icon:hover,.backlog-table-body .blocked a:hover{ | |
color:#fff | |
} | |
.backlog-table-body .us-settings{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-left:2rem; | |
opacity:0 | |
} | |
.backlog-table-body .us-settings svg{ | |
fill:#BDBDBD; | |
margin-right:.5rem; | |
transition:fill .2s ease-in | |
} | |
.backlog-table-body .us-settings svg:hover{ | |
fill:#8c9eff | |
} | |
.backlog-table-body .icon-drag{ | |
cursor:move; | |
fill:#BDBDBD; | |
opacity:0; | |
padding:.1rem | |
} | |
.backlog-table-body .readonly{ | |
cursor:auto; | |
padding-right:45px | |
} | |
.backlog-table-body .us-status tg-svg{ | |
display:inline-block | |
} | |
.backlog-table-body .loading{ | |
margin:2% auto; | |
width:3rem | |
} | |
.backlog-table-body .loading img{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.empty-large .row{ | |
display:none | |
} | |
.burndown{ | |
margin-bottom:2rem; | |
width:100% | |
} | |
.sprints .sprint-header{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.sprints h1{ | |
margin:0 | |
} | |
.sprints .add-sprint{ | |
background:#3f51b5; | |
padding:.25rem .25rem 0; | |
transition:background .2s | |
} | |
.sprints .add-sprint:hover{ | |
background:#8c9eff | |
} | |
.sprints .add-sprint svg{ | |
fill:#EEE; | |
height:1.4rem; | |
width:1.5rem | |
} | |
.sprints .filter-closed-sprints{ | |
font-size:.9rem; | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
padding-bottom:1rem; | |
vertical-align:middle | |
} | |
.sprints .filter-closed-sprints .icon-archive{ | |
margin-right:.3rem | |
} | |
.sprints .loading{ | |
text-align:center | |
} | |
.sprints .loading-spinner{ | |
border:0; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
margin-bottom:1rem; | |
max-height:2rem; | |
max-width:2rem; | |
transform-origin:center center | |
} | |
.sprints .sprint-name a{ | |
font-size:1rem; | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.sprints .sprint{ | |
margin-bottom:2rem | |
} | |
.sprints .sprint header{ | |
position:relative | |
} | |
.sprints .sprint:hover .edit-sprint{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.sprints .sprint .edit-sprint{ | |
opacity:0; | |
position:absolute; | |
right:0; | |
top:0; | |
transition:opacity .2s ease-in; | |
vertical-align:baseline | |
} | |
.lightbox-generic-form .settings .iocaine,.lightbox-generic-form .settings .requirement,.ticket-assigned-to .assign-to-me .icon,.ticket-assigned-to .user-assigned .icon,.ticket-assigned-users .assign-to-me .icon,.ticket-assigned-users .user-assigned .icon{ | |
vertical-align:middle | |
} | |
.sprints .sprint svg{ | |
fill:#BDBDBD | |
} | |
.sprints .sprint svg:hover{ | |
fill:#3f51b5; | |
transition:fill .2s ease-in | |
} | |
.sprints .sprint .number{ | |
font-size:.75rem; | |
margin-right:.2rem | |
} | |
.sprints .sprint .description{ | |
font-size:.75rem; | |
line-height:.6rem; | |
margin-top:5px | |
} | |
.sprints .sprint .sprint-summary{ | |
-ms-flex-align:end; | |
align-items:flex-end; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.sprints .sprint .sprint-date{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
-ms-flex:1; | |
flex:1 | |
} | |
.sprints .sprint-table .sprint-empty,.sprints-empty{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.sprints .sprint ul{ | |
margin:0; | |
text-align:right | |
} | |
.sprints .compact-sprint{ | |
transform:rotate(0); | |
transition:all .2s | |
} | |
.sprints .compact-sprint.active{ | |
transform:rotate(90deg); | |
transition:all .2s | |
} | |
.sprints .compact-sprint:hover .icon{ | |
fill:#8c9eff; | |
transition:color .2s | |
} | |
.sprints .sprint-progress-bar{ | |
background:#BDBDBD; | |
border-radius:2px; | |
height:8px; | |
margin-bottom:1rem; | |
margin-top:.5rem; | |
position:relative; | |
width:100% | |
} | |
.sprints .sprint-progress-bar .current-progress{ | |
background:#3f51b5; | |
border-radius:2px; | |
height:8px; | |
left:0; | |
position:absolute; | |
top:0; | |
width:calc(30% - 4px) | |
} | |
.sprints .sprint-table{ | |
min-height:2rem | |
} | |
.sprints .sprint-table .sprint-empty{ | |
background:#e1e1e1; | |
border:2px dashed #d7d7d7; | |
color:#757575; | |
padding:1rem; | |
text-align:center | |
} | |
.sprints .sprint-table .row{ | |
border-bottom:1px solid #BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5em 0; | |
text-align:left; | |
width:100% | |
} | |
.sprints .sprint-table .row:hover{ | |
background:rgba(189,189,189,.2); | |
cursor:move; | |
transition:background .2s ease-in | |
} | |
.sprints .sprint-table .row:last-child{ | |
border-bottom:0 | |
} | |
.sprints .sprint-table .row.readonly{ | |
cursor:auto | |
} | |
.sprints .sprint-table .row.ui-sortable-helper{ | |
background:#fff; | |
box-shadow:1px 1px 10px rgba(0,0,0,.1); | |
opacity:.9; | |
transition:background .2s ease-in | |
} | |
.sprints .sprint-table .gu-transit{ | |
background:#dcdcdc; | |
height:40px | |
} | |
.sprints .sprint-table .gu-transit *{ | |
display:none | |
} | |
.sprints .sprint-table .column-us{ | |
font-size:.9rem; | |
-ms-flex-flow:3; | |
flex-flow:3; | |
padding:0 4px | |
} | |
.sprints .sprint-table .us-name{ | |
display:block | |
} | |
.sprints .sprint-table .us-name.closed{ | |
color:#cacaca | |
} | |
.sprints .sprint-table .us-name.blocked{ | |
color:#f44336 | |
} | |
.sprints .sprint-table .column-points{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:0 4px; | |
text-align:right | |
} | |
.sprints .sprint-table .column-points.closed{ | |
color:#cacaca | |
} | |
.sprints .sprint-table .column-points.blocked{ | |
color:#f44336 | |
} | |
.sprints .sprint-table.sprint-empty-wrapper .row{ | |
display:none | |
} | |
.sprints .button-gray{ | |
display:block; | |
margin-top:1rem; | |
text-align:center | |
} | |
.sprint-closed .sprint-table,.sprints .us-item-row .popover,.sprints .us-item-row .status,.sprints .us-item-row .tags-block,.sprints .us-item-row .us-settings,.sprints .us-item-row input{ | |
display:none | |
} | |
.sprints .us-item-row .user-story-name{ | |
font-size:.9rem; | |
line-height:1rem; | |
margin-top:5px | |
} | |
.sprint-closed .description,.sprint-closed .number{ | |
color:#BDBDBD | |
} | |
.sprint-closed .sprint-progress-bar .current-progress{ | |
background:#a4a4a4 | |
} | |
.sprint-closed .button-gray{ | |
background:#BDBDBD | |
} | |
.sprints-empty{ | |
text-align:center | |
} | |
.sprints-empty img{ | |
margin:1rem 0; | |
width:50% | |
} | |
.sprints-empty .title{ | |
font-size:1.2rem; | |
margin-bottom:.5rem | |
} | |
.sprints-empty a{ | |
color:#3f51b5 | |
} | |
.taskboard-table{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100%; | |
overflow:hidden; | |
width:100% | |
} | |
.taskboard-table.zoom-0 .task-colum-name span{ | |
padding-right:1rem | |
} | |
.taskboard-table-header{ | |
-ms-flex-preferred-size:2.4rem; | |
flex-basis:2.4rem; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
min-height:2.4rem; | |
position:relative; | |
width:100% | |
} | |
.taskboard-table-header .taskboard-table-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
overflow:hidden; | |
position:absolute | |
} | |
.taskboard-table-header .task-colum-name{ | |
font-size:1rem; | |
-ms-flex-align:center; | |
align-items:center; | |
color:#757575; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:300px; | |
flex-basis:300px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin:0 5px 0 0; | |
max-width:300px; | |
padding:.5rem 1rem; | |
position:relative; | |
text-transform:uppercase; | |
width:300px | |
} | |
.taskboard-table-header .task-colum-name:last-child{ | |
margin-right:0 | |
} | |
.taskboard-table-header .task-colum-name.column-fold{ | |
-ms-flex-align:center; | |
align-items:center; | |
-ms-flex-pack:center; | |
justify-content:center; | |
padding:.3rem 0 | |
} | |
.taskboard-table-header .task-colum-name.column-fold span{ | |
display:none | |
} | |
.taskboard-table-header .task-colum-name.column-fold .hfold,.taskboard-table-header .task-colum-name.column-fold .hunfold{ | |
margin:0 | |
} | |
.taskboard-table-header .task-colum-name span{ | |
display:inline-block; | |
max-width:65%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal | |
} | |
.taskboard-table-header tg-svg{ | |
display:block; | |
margin-right:.3rem | |
} | |
.taskboard-table-header tg-svg:hover{ | |
cursor:pointer | |
} | |
.taskboard-table-header tg-svg.hfold,.taskboard-table-header tg-svg.hunfold{ | |
display:inline-block; | |
transform:rotate(90deg) | |
} | |
.taskboard-table-body{ | |
-ms-flex:1; | |
flex:1; | |
margin-bottom:5rem; | |
overflow:auto; | |
width:100% | |
} | |
.taskboard-table-body .task-column{ | |
-ms-flex-preferred-size:300px; | |
flex-basis:300px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin:0 5px 0 0; | |
max-width:300px; | |
width:300px | |
} | |
.taskboard-table-body .column-fold .card .card-owner img,.taskboard-table-body .row-fold .card .card-owner img{ | |
height:1.3rem; | |
margin-right:0; | |
width:1.3rem | |
} | |
.taskboard-table-body .task-column:last-child{ | |
margin-right:0 | |
} | |
.taskboard-table-body .row-fold .card{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
margin-top:.5rem | |
} | |
.taskboard-table-body .row-fold .card .card-data,.taskboard-table-body .row-fold .card .card-owner-actions,.taskboard-table-body .row-fold .card .card-owner-name,.taskboard-table-body .row-fold .card .card-statistics,.taskboard-table-body .row-fold .card .card-tag,.taskboard-table-body .row-fold .card .card-title,.taskboard-table-body .row-fold .card .card-unfold,.taskboard-table-body .row-fold .card tg-card-slideshow{ | |
display:none | |
} | |
.taskboard-table-body .row-fold .task-column,.taskboard-table-body .row-fold.task-column{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-flow:row wrap; | |
flex-flow:row wrap | |
} | |
.taskboard-table-body .row-fold .avatar-task-link{ | |
display:block | |
} | |
.taskboard-table-body .column-fold .card .card-data,.taskboard-table-body .column-fold .card .card-owner-actions,.taskboard-table-body .column-fold .card .card-owner-name,.taskboard-table-body .column-fold .card .card-statistics,.taskboard-table-body .column-fold .card .card-tag,.taskboard-table-body .column-fold .card .card-title,.taskboard-table-body .column-fold .card .card-unfold,.taskboard-table-body .column-fold .card tg-card-slideshow,.taskboard-table-body .row-fold .avatar-assigned-to{ | |
display:none | |
} | |
.taskboard-table-body .column-fold .card{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
margin-top:.5rem | |
} | |
.taskboard-table-body .column-fold .task-column,.taskboard-table-body .column-fold.task-column{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-flow:row wrap; | |
flex-flow:row wrap | |
} | |
.ticket-assigned-to,.ticket-assigned-users{ | |
-ms-flex-align:center; | |
border-bottom:1px solid #BDBDBD; | |
border-top:1px solid #BDBDBD | |
} | |
.taskboard-table-body .column-fold .avatar-task-link{ | |
display:block | |
} | |
.taskboard-table-body .column-fold .avatar-assigned-to{ | |
display:none | |
} | |
.taskboard-table-body .task-row{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:.25rem; | |
min-height:10rem; | |
width:100% | |
} | |
.taskboard-table-body .task-row.blocked .taskboard-userstory-box{ | |
background:rgba(244,67,54,.6) | |
} | |
.taskboard-table-body .task-row.blocked .points-value,.taskboard-table-body .task-row.blocked .points-value:hover,.taskboard-table-body .task-row.blocked .taskboard-userstory-box svg,.taskboard-table-body .task-row.blocked .taskboard-userstory-box svg:hover{ | |
color:#fff; | |
fill:#fff; | |
transition:color .3s linear | |
} | |
.taskboard-table-body .task-row.blocked .taskboard-tasks-box{ | |
background:rgba(244,67,54,.1) | |
} | |
.taskboard-table-body .task-row.row-fold{ | |
min-height:0 | |
} | |
.taskboard-table-body .task-row.row-fold .us-title{ | |
display:inline-block; | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal | |
} | |
.ticket-assigned-to .loading-spinner,.ticket-assigned-users .loading-spinner{ | |
transform-origin:32 32; | |
max-height:2rem; | |
max-width:2rem; | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate | |
} | |
.taskboard-table-body .task-row.row-fold .icon-add,.taskboard-table-body .task-row.row-fold .icon-bulk,.taskboard-table-body .task-row.row-fold .points-value{ | |
display:none | |
} | |
.taskboard-table-body .taskboard-userstory-box{ | |
padding:.5rem .5rem .5rem 1.5rem | |
} | |
.taskboard-userstory-box{ | |
position:relative | |
} | |
.taskboard-userstory-box .us-title{ | |
font-size:1rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
margin-bottom:0; | |
margin-right:3rem | |
} | |
.taskboard-userstory-box .points-value{ | |
font-size:.9rem; | |
color:#BDBDBD | |
} | |
.taskboard-userstory-box .points-value span{ | |
margin-right:.1rem | |
} | |
.taskboard-userstory-box tg-svg{ | |
cursor:pointer; | |
display:block; | |
position:absolute; | |
right:.5rem; | |
top:.7rem | |
} | |
.taskboard-userstory-box tg-svg:hover svg{ | |
fill:#3f51b5 | |
} | |
.taskboard-userstory-box tg-svg.add-action{ | |
right:2rem | |
} | |
.taskboard-userstory-box tg-svg.fold-action{ | |
left:0; | |
right:inherit; | |
top:1rem | |
} | |
.ticket-assigned-to{ | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:1rem; | |
padding:1rem 0; | |
position:relative | |
} | |
.ticket-assigned-to:hover .remove-user{ | |
opacity:1; | |
transition:opacity .3s linear | |
} | |
.ticket-assigned-to .loading-spinner{ | |
margin:1rem auto | |
} | |
.ticket-assigned-to .user-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
position:relative | |
} | |
.ticket-assigned-to .user-avatar img{ | |
width:100% | |
} | |
.ticket-assigned-to .user-avatar.is-iocaine img{ | |
-webkit-filter:hue-rotate(150deg) saturate(200%); | |
filter:hue-rotate(150deg) saturate(200%) | |
} | |
.ticket-assigned-to .user-avatar .iocaine-symbol{ | |
left:-.5rem; | |
position:absolute; | |
top:-.75rem; | |
z-index:9 | |
} | |
.ticket-assigned-to .user-avatar .iocaine-symbol svg{ | |
background:#424242; | |
border-radius:.25rem; | |
fill:#fff; | |
min-height:1.75rem; | |
min-width:1.75rem; | |
padding:.25rem | |
} | |
.ticket-assigned-to .assigned-to{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-left:.5rem | |
} | |
.ticket-assigned-to .assigned-to .assigned-title{ | |
font-size:.9rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#757575; | |
display:block; | |
margin:.2rem 0 .25rem | |
} | |
.ticket-assigned-to .assigned-to .assigned-to-options{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.ticket-assigned-to .assigned-to .assigned-to-options a{ | |
margin-right:.2rem | |
} | |
.ticket-assigned-to .assigned-to .assign-to-me,.ticket-assigned-to .assigned-to .user-assigned{ | |
color:#3f51b5; | |
cursor:default | |
} | |
.ticket-assigned-to .assign-to-me.editable:hover,.ticket-assigned-to .assigned-to .assign-to-me:hover,.ticket-assigned-to .assigned-to .user-assigned:hover,.ticket-assigned-to .remove-user:hover,.ticket-assigned-to .user-assigned.editable:hover,.ticket-assigned-users .assign-to-me.editable:hover,.ticket-assigned-users .user-assigned.editable:hover{ | |
cursor:pointer | |
} | |
.ticket-assigned-to .assigned-to .assign-to-me .icon,.ticket-assigned-to .assigned-to .user-assigned .icon{ | |
fill:currentColor; | |
height:.75rem; | |
width:.75rem | |
} | |
.ticket-assigned-to .remove-user{ | |
fill:#757575; | |
opacity:0; | |
position:absolute; | |
right:.5rem; | |
top:2rem | |
} | |
.ticket-assigned-to .remove-user:hover{ | |
fill:#f44336; | |
transition:fill .2s | |
} | |
.ticket-assigned-to .assign-to-me,.ticket-assigned-to .user-assigned{ | |
color:#3f51b5 | |
} | |
.ticket-assigned-to .assign-to-me:hover,.ticket-assigned-to .user-assigned:hover{ | |
color:currentColor | |
} | |
.ticket-assigned-to .assign-to-me.editable,.ticket-assigned-to .user-assigned.editable{ | |
color:#3f51b5 | |
} | |
.ticket-assigned-users .assigned-title,.ticket-assigned-users .tg-add-assigned span{ | |
color:#757575; | |
font-size:.9rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.ticket-assigned-users{ | |
align-items:center; | |
margin-bottom:1rem; | |
padding:.5rem 0; | |
position:relative | |
} | |
.ticket-assigned-users .loading-spinner{ | |
margin:1rem auto | |
} | |
.ticket-assigned-users .assigned-title{ | |
display:block; | |
margin:.2rem 0 .25rem | |
} | |
.ticket-assigned-users .tg-assigned-users{ | |
-ms-flex-align:center; | |
align-items:center; | |
position:relative | |
} | |
.ticket-assigned-users .tg-add-assigned{ | |
margin-top:.25rem | |
} | |
.ticket-assigned-users .tg-add-assigned .add-assigned{ | |
fill:#757575; | |
opacity:1; | |
right:.5rem; | |
top:2rem | |
} | |
.ticket-assigned-users .tg-add-assigned .add-assigned:hover{ | |
cursor:pointer; | |
fill:#f44336; | |
transition:fill .2s | |
} | |
.ticket-assigned-users .tg-add-assigned span{ | |
margin:.2rem .5rem | |
} | |
.ticket-assigned-users .assigned-users-options{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.ticket-assigned-users .assigned-users-options a{ | |
margin-right:.2rem | |
} | |
.ticket-assigned-users .assign-to-me,.ticket-assigned-users .assign-to-me.editable,.ticket-assigned-users .user-assigned,.ticket-assigned-users .user-assigned.editable{ | |
color:#3f51b5 | |
} | |
.ticket-assigned-users .not-assigned-users{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.ticket-assigned-users .not-assigned-users .assigned-title{ | |
font-size:.9rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#757575; | |
display:block; | |
margin:.2rem 0 .25rem | |
} | |
.colors-table .table-header,.duty-custom-fields .custom-fields-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.ticket-assigned-users .not-assigned-users .assigned-to{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-left:.5rem | |
} | |
.ticket-assigned-users .not-assigned-users .assigned-to-options{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.ticket-assigned-users .not-assigned-users .assigned-to-options a{ | |
margin-right:.2rem | |
} | |
.ticket-assigned-users .not-assigned-users .assign-to-me,.ticket-assigned-users .not-assigned-users .user-assigned{ | |
color:#3f51b5; | |
cursor:default | |
} | |
.colors-table .row.edition .current-color,.ticket-assigned-users .not-assigned-users .assign-to-me:hover,.ticket-assigned-users .not-assigned-users .user-assigned:hover{ | |
cursor:pointer | |
} | |
.ticket-assigned-users .not-assigned-users .assign-to-me .icon,.ticket-assigned-users .not-assigned-users .user-assigned .icon{ | |
fill:currentColor; | |
height:.75rem; | |
width:.75rem | |
} | |
.ticket-assigned-users .user-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
position:relative | |
} | |
.ticket-assigned-users .user-avatar img{ | |
width:100% | |
} | |
.ticket-assigned-users .user-avatar.is-iocaine img{ | |
-webkit-filter:hue-rotate(150deg) saturate(200%); | |
filter:hue-rotate(150deg) saturate(200%) | |
} | |
.ticket-assigned-users .user-avatar .iocaine-symbol{ | |
left:-.5rem; | |
position:absolute; | |
top:-.75rem; | |
z-index:9 | |
} | |
.ticket-assigned-users .user-avatar .iocaine-symbol svg{ | |
background:#424242; | |
border-radius:.25rem; | |
fill:#fff; | |
min-height:1.75rem; | |
min-width:1.75rem; | |
padding:.25rem | |
} | |
.category-config{ | |
border-bottom:1px solid #BDBDBD | |
} | |
.category-config:first-child{ | |
border-top:1px solid #BDBDBD | |
} | |
.category-config .resume{ | |
-ms-flex-align:space-between; | |
align-items:space-between; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem; | |
position:relative | |
} | |
.category-config .resume.open-drawer .icon{ | |
transform:rotate(90deg) | |
} | |
.category-config .icon{ | |
transform:rotate(0); | |
transition:all .4s | |
} | |
.category-config .resume-title{ | |
width:280px | |
} | |
.category-config .count{ | |
color:#BDBDBD; | |
float:left; | |
padding-right:5px | |
} | |
.category-config .summary-role{ | |
-ms-flex:1; | |
flex:1; | |
width:280px | |
} | |
.category-config .summary-role .role-summary-single{ | |
background:#BDBDBD; | |
display:inline-block; | |
height:20px; | |
margin-right:.1rem; | |
width:15px | |
} | |
.category-config .summary-role .role-summary-single.active{ | |
background:#3f51b5 | |
} | |
.category-config .summary-role .role-summary-single.inactive{ | |
background:#757575 | |
} | |
.category-config .category-items{ | |
max-height:0; | |
transition:max-height .5s ease-in; | |
overflow:hidden; | |
background-color:#EEE; | |
width:100% | |
} | |
.colors-table .table-header .row:hover,.colors-table .table-header:hover{ | |
background:0 0 | |
} | |
.category-config .category-items.open{ | |
transition:max-height .5s ease-in; | |
max-height:400px | |
} | |
.category-config .category-items .items-container{ | |
padding:1rem | |
} | |
.category-config .category-item{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem .5rem .5rem 2rem | |
} | |
.category-config .category-item:last-child{ | |
border-bottom:0 | |
} | |
.category-config .check input{ | |
height:40px; | |
width:85px | |
} | |
.colors-table .table-header{ | |
font-size:1rem; | |
border-bottom:3px solid #EEE | |
} | |
.colors-table .table-header .row{ | |
padding-left:50px | |
} | |
.colors-table .row{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
padding:1rem | |
} | |
.colors-table .row:last-child{ | |
border:0 | |
} | |
.colors-table .row.edition{ | |
padding-left:3rem | |
} | |
.colors-table .row.hidden{ | |
display:none | |
} | |
.colors-table .row:hover{ | |
background:rgba(255,255,255,.2); | |
cursor:move; | |
transition:background .2s ease-in | |
} | |
.colors-table .row:hover .icon{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.colors-table .row:hover .options-column{ | |
opacity:1; | |
transition:opacity .3s linear | |
} | |
.colors-table .row.no-draggable{ | |
padding-left:50px | |
} | |
.colors-table .row.no-draggable:hover{ | |
cursor:auto | |
} | |
.colors-table .row .color-column{ | |
-ms-flex-preferred-size:60px; | |
flex-basis:60px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
max-width:100px; | |
position:relative | |
} | |
.colors-table .row .is-archived-column,.colors-table .row .is-closed-column,.colors-table .row .options-column,.colors-table .row .status-wip-limit{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.colors-table .row .color-name,.colors-table .row .status-name{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
padding:0 10px; | |
position:relative | |
} | |
.colors-table .row .color-name span,.colors-table .row .status-name span{ | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
display:block | |
} | |
.colors-table .row .color-name{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px | |
} | |
.colors-table .row .status-slug{ | |
display:none; | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:6; | |
flex-grow:6; | |
padding:0 10px | |
} | |
@media (min-width:1400px){ | |
.colors-table .row .status-slug{ | |
display:block | |
} | |
} | |
.colors-table .row .status-slug span{ | |
display:inline-block; | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal | |
} | |
.colors-table .row .options-column{ | |
max-width:100px; | |
opacity:0; | |
text-align:right | |
} | |
.colors-table .row .is-archived-column{ | |
max-width:130px; | |
padding:0 0 0 10px; | |
text-align:center | |
} | |
.colors-table .row .is-closed-column{ | |
max-width:100px; | |
text-align:center | |
} | |
.colors-table .row .status-wip-limit{ | |
display:none; | |
max-width:100px; | |
padding:0 0 0 10px; | |
text-align:center | |
} | |
@media (min-width:1400px){ | |
.colors-table .row .status-wip-limit{ | |
display:block | |
} | |
} | |
.colors-table .options-column a{ | |
cursor:pointer; | |
display:inline-block | |
} | |
.colors-table .row-edit .options-column{ | |
opacity:1 | |
} | |
.colors-table .current-color{ | |
background-color:#EEE; | |
border-radius:2px; | |
height:40px; | |
width:40px | |
} | |
.colors-table .icon{ | |
cursor:pointer; | |
fill:#BDBDBD; | |
margin-right:1rem; | |
opacity:0 | |
} | |
.colors-table .icon:hover{ | |
fill:#8c9eff; | |
transition:all .2s ease-in | |
} | |
.colors-table .icon.icon-check{ | |
cursor:default; | |
fill:#3f51b5; | |
opacity:1 | |
} | |
.colors-table .icon.icon-merge{ | |
cursor:default; | |
opacity:1 | |
} | |
.colors-table .icon.icon-search{ | |
cursor:none; | |
fill:#3f51b5; | |
opacity:1 | |
} | |
.colors-table .icon.icon-drag{ | |
cursor:move | |
} | |
.colors-table .icon.icon-trash{ | |
fill:#ff5252 | |
} | |
.colors-table .gu-mirror{ | |
background:#fff; | |
opacity:1 | |
} | |
.colors-table .gu-transit *{ | |
visibility:hidden | |
} | |
.contrib-plugins-wrapper{ | |
margin:1rem 0 2rem | |
} | |
.contrib-plugins-wrapper label{ | |
font-size:.9rem; | |
display:block; | |
margin-bottom:.5rem | |
} | |
.duty-custom-fields{ | |
margin-bottom:2rem | |
} | |
.duty-custom-fields .custom-fields-header{ | |
-ms-flex-line-pack:justify; | |
align-content:space-between; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem 1rem | |
} | |
.duty-custom-fields .custom-field-data .custom-field-description,.duty-custom-fields .custom-field-value,.lightbox h2{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.duty-custom-fields .custom-fields-header .icon{ | |
cursor:pointer | |
} | |
.duty-custom-fields .custom-fields-header .collapse{ | |
display:block; | |
transform:rotate(-90deg); | |
transition:.1s ease-out | |
} | |
.duty-custom-fields .custom-fields-header .open{ | |
transform:rotate(0) | |
} | |
.duty-custom-fields .custom-field-single{ | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
padding:.7rem | |
} | |
.duty-custom-fields .custom-field-single:hover .custom-field-options{ | |
opacity:1 | |
} | |
.duty-custom-fields .custom-field-single.editable .custom-field-options{ | |
margin-top:.5rem | |
} | |
.duty-custom-fields .custom-field-options{ | |
margin:0; | |
opacity:0; | |
transition:opacity .2s linear | |
} | |
.duty-custom-fields .custom-field-options a{ | |
display:inline-block | |
} | |
.duty-custom-fields .custom-field-options svg{ | |
fill:#BDBDBD | |
} | |
.duty-custom-fields .custom-field-options svg:hover{ | |
fill:#3f51b5 | |
} | |
.duty-custom-fields .custom-field-data{ | |
-ms-flex:0; | |
flex:0; | |
-ms-flex-preferred-size:200px; | |
flex-basis:200px | |
} | |
.duty-custom-fields .custom-field-data .custom-field-name{ | |
display:block | |
} | |
.duty-custom-fields .custom-field-data .custom-field-description{ | |
font-size:.9rem; | |
color:#a8a8a8; | |
display:block; | |
line-height:.9rem | |
} | |
.duty-custom-fields .custom-field-value{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
-ms-flex:1; | |
flex:1; | |
padding:0 1rem 0 2rem | |
} | |
.duty-custom-fields .custom-field-value.js-value-view-mode{ | |
white-space:pre-line | |
} | |
.duty-custom-fields .custom-field-value.js-value-view-mode.wysiwyg{ | |
white-space:normal | |
} | |
.duty-custom-fields form label{ | |
cursor:pointer | |
} | |
.duty-custom-fields form input{ | |
width:100% | |
} | |
.custom-fields-body{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap | |
} | |
.custom-fields-body.collapse-fields .custom-attribute{ | |
-ms-flex-preferred-size:50%; | |
flex-basis:50% | |
} | |
@media (max-width:1280px){ | |
.custom-fields-body.collapse-fields .custom-attribute{ | |
-ms-flex-preferred-size:100%; | |
flex-basis:100% | |
} | |
.custom-fields-body.collapse-fields .custom-attribute:nth-child(even),.custom-fields-body.collapse-fields .custom-attribute:nth-child(odd){ | |
padding:0 | |
} | |
} | |
.custom-fields-body.collapse-fields .custom-attribute:nth-child(even){ | |
padding:0 0 0 2rem | |
} | |
.custom-fields-body.collapse-fields .custom-attribute:nth-child(odd){ | |
padding:0 2rem 0 0 | |
} | |
.custom-fields-body .custom-attribute{ | |
-ms-flex-preferred-size:100%; | |
flex-basis:100% | |
} | |
.custom-fields-body .custom-attribute:nth-child(even),.custom-fields-body .custom-attribute:nth-child(odd){ | |
padding:0 | |
} | |
.custom-fields-body .custom-field-single{ | |
height:100% | |
} | |
.blocked .external-reference{ | |
color:#fff | |
} | |
.blocked .external-reference a{ | |
color:#fff; | |
transition:color .3s linear | |
} | |
.blocked .external-reference a:hover{ | |
color:#ff5252 | |
} | |
.external-reference{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
margin-top:.5rem | |
} | |
.external-reference a{ | |
border-left:1px solid #BDBDBD; | |
padding:0 .2rem; | |
transition:color .3s linear | |
} | |
.external-reference a:hover{ | |
color:#3f51b5 | |
} | |
.external-reference a:first-child{ | |
border:0 | |
} | |
.lightbox{ | |
background:rgba(255,255,255,.95); | |
bottom:0; | |
display:none; | |
left:0; | |
opacity:0; | |
position:fixed; | |
right:0; | |
top:0; | |
z-index:99910 | |
} | |
.lightbox .close{ | |
width:2rem; | |
height:2rem; | |
cursor:pointer; | |
fill:#757575; | |
position:absolute; | |
right:3rem; | |
top:3rem; | |
transition:fill .2s; | |
display:block | |
} | |
.lightbox .close:hover{ | |
fill:#ff5252 | |
} | |
.lightbox .close svg{ | |
width:2rem; | |
height:2rem; | |
pointer-events:none | |
} | |
.lightbox.open{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
opacity:1; | |
transition:opacity .3s ease | |
} | |
.lightbox.close{ | |
opacity:0; | |
transition:opacity .3s ease | |
} | |
.lightbox .lb-icon{ | |
margin:1rem auto; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.lightbox .lb-icon svg{ | |
width:6rem; | |
height:6rem; | |
display:block; | |
fill:#EEE | |
} | |
.lightbox .title{ | |
text-align:center | |
} | |
.lightbox fieldset{ | |
margin-bottom:1rem | |
} | |
.lightbox .button-gray,.lightbox .button-green{ | |
display:block; | |
padding:12px; | |
text-align:center | |
} | |
.lightbox h2{ | |
font-size:2rem | |
} | |
.lightbox-generic-form form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
max-width:600px | |
} | |
.lightbox-generic-form fieldset{ | |
position:relative | |
} | |
.lightbox-generic-form textarea{ | |
min-height:4.5rem; | |
resize:vertical | |
} | |
.lightbox-generic-form label{ | |
font-size:.75rem; | |
background:#f5f5f5; | |
border:1px solid #BDBDBD; | |
color:#424242; | |
cursor:pointer; | |
display:block; | |
padding:7px 30px; | |
transition:all .2s ease-in | |
} | |
.lightbox-generic-form label:hover span{ | |
color:#fff | |
} | |
.lightbox-generic-form label span{ | |
color:#424242; | |
vertical-align:middle | |
} | |
.lightbox-generic-form .settings{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.lightbox-generic-form .settings fieldset{ | |
margin-right:.5rem | |
} | |
.lightbox-generic-form .settings fieldset:hover{ | |
color:#fff; | |
transition:all .2s ease-in; | |
transition-delay:.2s | |
} | |
.lightbox-generic-form .settings fieldset:last-child{ | |
margin:0 | |
} | |
.lightbox-generic-form .settings .iocaine:hover,.lightbox-generic-form .settings .requirement:hover{ | |
background:#8c9eff; | |
border:1px solid #3f51b5 | |
} | |
.lightbox-generic-form .settings .iocaine svg,.lightbox-generic-form .settings .requirement svg{ | |
width:.75rem; | |
height:.75rem | |
} | |
.lightbox-generic-form .settings .blocked:hover{ | |
background:#ff5252; | |
border:1px solid #f44336 | |
} | |
.lightbox-generic-form .settings .client-requirement input:checked+label,.lightbox-generic-form .settings .iocaine-flag input:checked+label,.lightbox-generic-form .settings .team-requirement input:checked+label{ | |
background:#3f51b5; | |
border:1px solid #3f51b5; | |
color:#fff | |
} | |
.lightbox-generic-form .settings .blocking-flag label{ | |
-ms-flex-item-align:stretch; | |
-ms-grid-row-align:stretch; | |
align-self:stretch; | |
display:block | |
} | |
.lightbox-generic-form .settings .blocking-flag input:checked+label{ | |
background:#f44336; | |
border:1px solid #f44336; | |
color:#fff | |
} | |
.lightbox-generic-form .settings input{ | |
display:none | |
} | |
.lightbox-generic-form .attachments{ | |
margin-bottom:0 | |
} | |
.lightbox-search fieldset,.lightbox-sprint-add-edit .dates{ | |
margin-bottom:1rem | |
} | |
.lightbox-generic-form .attachment-body{ | |
max-height:7.5rem; | |
overflow-y:auto | |
} | |
.lightbox-generic-form .attachment-delete{ | |
right:.5rem | |
} | |
.lightbox-generic-form .attachment-delete svg{ | |
fill:#BDBDBD; | |
height:1.25rem; | |
width:1.25rem | |
} | |
.lightbox-generic-form .attachment-delete:hover svg{ | |
fill:#f44336 | |
} | |
.lightbox-sprint-add-edit .delete-sprint .icon,.lightbox-sprint-add-edit .delete-sprint:hover .icon{ | |
fill:currentColor | |
} | |
.lightbox-generic-bulk form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
max-width:600px | |
} | |
.lightbox-generic-bulk textarea{ | |
max-height:12rem; | |
min-height:15rem | |
} | |
.lightbox-search form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
max-width:600px | |
} | |
.lightbox-sprint-add-edit form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-flow:0; | |
flex-flow:0; | |
max-width:600px | |
} | |
.lightbox-sprint-add-edit .last-sprint-name{ | |
font-size:.9rem; | |
color:#757575; | |
opacity:1; | |
position:absolute; | |
right:1rem; | |
top:.7rem; | |
transition:opacity .3s linear | |
} | |
.lightbox-sprint-add-edit .last-sprint-name.disappear{ | |
opacity:0; | |
transition:opacity .3s linear | |
} | |
.lightbox-sprint-add-edit .dates div{ | |
float:left; | |
margin-right:1%; | |
position:relative; | |
width:49% | |
} | |
.lightbox-sprint-add-edit .dates div:last-child{ | |
margin:0; | |
width:50% | |
} | |
.lightbox-sprint-add-edit .delete-sprint{ | |
font-size:.9rem; | |
color:#757575; | |
float:right; | |
margin:1rem .25rem 0 0; | |
transition:color .3s linear | |
} | |
.lightbox-ask-choice .subtitle,.lightbox-generic-ask .subtitle{ | |
font-size:1.2rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.lightbox-ask-choice .options a:first-child,.lightbox-generic-ask .options a:first-child{ | |
margin-right:.5rem | |
} | |
.lightbox-sprint-add-edit .delete-sprint:hover{ | |
color:#f44336; | |
transition:color .3s linear | |
} | |
.lightbox-generic-ask form{ | |
-ms-flex-preferred-size:420px; | |
flex-basis:420px; | |
-ms-flex-flow:0; | |
flex-flow:0; | |
max-width:420px | |
} | |
.lightbox-generic-ask .message,.lightbox-generic-ask .subtitle{ | |
display:block; | |
line-height:2rem; | |
text-align:center | |
} | |
.lightbox-generic-ask .subtitle{ | |
white-space:pre-line | |
} | |
.lightbox-generic-ask .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-generic-ask .options a{ | |
padding:8px 0; | |
text-align:center; | |
width:100% | |
} | |
.lightbox-ask-choice{ | |
text-align:center | |
} | |
.lightbox-ask-choice form{ | |
-ms-flex-preferred-size:420px; | |
flex-basis:420px; | |
-ms-flex-positive:0; | |
flex-grow:0 | |
} | |
.lightbox-ask-choice .question,.lightbox-ask-choice .subtitle{ | |
display:block; | |
line-height:1.5rem; | |
text-align:center | |
} | |
.lightbox-ask-choice .replacement,.lightbox-ask-choice .replacement span{ | |
display:block | |
} | |
.lightbox-ask-choice .choices{ | |
margin-bottom:2rem | |
} | |
.lightbox-ask-choice .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-ask-choice .options a{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:8px 0; | |
text-align:center | |
} | |
.lightbox-ask-choice .warning{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.lightbox-delete-account p{ | |
text-align:center | |
} | |
.lightbox-delete-account form{ | |
-ms-flex-preferred-size:420px; | |
flex-basis:420px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:420px | |
} | |
.lightbox-delete-account .question,.lightbox-delete-account .subtitle{ | |
display:block; | |
line-height:2rem; | |
text-align:center | |
} | |
.lightbox-delete-account .newsletter{ | |
margin:1rem 0; | |
text-align:center | |
} | |
.lightbox-delete-account .newsletter input,.lightbox-delete-account .options a:first-child,.lightbox-delete-project .options a:first-child{ | |
margin-right:.5rem | |
} | |
.lightbox-delete-account .newsletter input+label{ | |
font-size:.9rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.lightbox-delete-project .subtitle,.lightbox-generic-loading .progress-bar-wrapper .progress{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:1.2rem | |
} | |
.lightbox-delete-account .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-delete-account .options a{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:8px 0; | |
text-align:center | |
} | |
.lightbox-delete-project form{ | |
-ms-flex-preferred-size:420px; | |
flex-basis:420px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:420px | |
} | |
.lightbox-delete-project .question,.lightbox-delete-project .subtitle{ | |
display:block; | |
line-height:2rem; | |
text-align:center | |
} | |
.lightbox-delete-project .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-delete-project .options a{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:8px 0; | |
text-align:center | |
} | |
.lightbox-generic-error section,.lightbox-generic-loading section,.lightbox-generic-success section{ | |
-ms-flex-preferred-size:500px; | |
flex-basis:500px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:500px | |
} | |
.lightbox-generic-error h2,.lightbox-generic-loading h2,.lightbox-generic-success h2{ | |
line-height:2rem | |
} | |
.lightbox-generic-error p,.lightbox-generic-loading p,.lightbox-generic-success p{ | |
text-align:center | |
} | |
.lightbox-generic-loading .spin{ | |
margin:1rem auto; | |
width:5rem | |
} | |
.lightbox-generic-loading .spin img{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:100%; | |
max-width:100%; | |
width:100% | |
} | |
.backlog-sprints-menu::after,.main-nav a:hover .helper::after,.related-tasks-body .pop-status:after,.ticket-header .pop-status:after{ | |
content:''; | |
transform:rotate(45deg) | |
} | |
.lightbox-generic-loading .progress-bar-wrapper{ | |
background:#e1e1e1; | |
height:30px; | |
margin-bottom:1rem; | |
padding:3px; | |
position:relative | |
} | |
.lightbox-generic-loading .progress-bar-wrapper .bar{ | |
background:#8c9eff; | |
height:24px; | |
position:absolute; | |
transition:width .1s linear | |
} | |
.lightbox-generic-loading .progress-bar-wrapper .progress{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
background:#e1e1e1; | |
bottom:35px; | |
color:#757575; | |
padding:.3rem; | |
position:absolute; | |
transition:left .1s linear | |
} | |
.lightbox-import-error .description a,.lightbox-select-user .add-comment a{ | |
color:#3f51b5 | |
} | |
.lightbox-create-issue form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:600px | |
} | |
.lightbox-create-issue .fieldset-row{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-create-issue .fieldset-row fieldset{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-right:.5rem; | |
width:30% | |
} | |
.lightbox-create-issue .fieldset-row fieldset:last-child{ | |
margin:0 | |
} | |
.lightbox-block textarea,.lightbox-create-issue textarea{ | |
margin-bottom:1rem; | |
max-height:12rem; | |
min-height:8rem | |
} | |
.lightbox-select-user .add-comment textarea,.lightbox-select-user .submit-button{ | |
margin-top:1rem | |
} | |
.lightbox-block .form{ | |
-ms-flex-preferred-size:420px; | |
flex-basis:420px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:420px | |
} | |
.ticket-detail-settings img,.ticket-detail-settings svg{ | |
max-height:1.25rem; | |
max-width:1.25rem; | |
width:100% | |
} | |
.lightbox-select-user .form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:600px | |
} | |
.lightbox-select-user .user-list-single.selected,.lightbox-select-user .user-list-single:hover{ | |
background:rgba(255,255,255,.3); | |
cursor:pointer | |
} | |
.lightbox-select-user .user-list-single:hover{ | |
transition:background .3s linear; | |
transition-delay:.2s | |
} | |
.lightbox-select-user .more-watchers{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:1rem; | |
padding:.5rem; | |
text-align:center | |
} | |
.lightbox-select-user .add-comment{ | |
position:relative; | |
text-align:center | |
} | |
.lightbox-select-user .add-comment .icon-close{ | |
cursor:pointer; | |
fill:#757575; | |
position:absolute; | |
right:0; | |
top:0; | |
transition:fill .2s | |
} | |
.lightbox-select-user .add-comment .icon-close:hover{ | |
fill:#ff5252 | |
} | |
.lightbox-select-user .add-comment .icon-close svg{ | |
width:2rem; | |
height:2rem | |
} | |
.lb-create-edit-userstory .points-per-role{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
margin:0 | |
} | |
.lb-create-edit-userstory .ticket-role-points{ | |
margin:.1rem; | |
min-width:20% | |
} | |
.lb-create-edit-userstory .ticket-role-points:first-child{ | |
margin-left:0 | |
} | |
.lb-create-edit-userstory .ticket-role-points:nth-child(4n+4){ | |
margin-right:0 | |
} | |
.lb-create-edit-userstory .ticket-role-points:last-child{ | |
-ms-flex-preferred-size:100%; | |
flex-basis:100%; | |
margin:.1rem 0; | |
min-width:100% | |
} | |
.lightbox-import-error{ | |
text-align:center | |
} | |
.lightbox-import-error .content{ | |
width:500px | |
} | |
.lightbox-import-error h2{ | |
margin-top:1rem | |
} | |
.lightbox-import-error img{ | |
height:5rem | |
} | |
.lightbox-leave-project-warning{ | |
text-align:center | |
} | |
.lightbox-leave-project-warning .icon{ | |
fill:#BDBDBD; | |
height:3rem; | |
margin-bottom:1rem; | |
width:3rem | |
} | |
.lightbox-set-due-date .delete-due-date .icon,.lightbox-set-due-date .delete-due-date:hover .icon{ | |
fill:currentColor | |
} | |
.lightbox-leave-project-warning .content,.lightbox-request-ownership .content{ | |
width:500px | |
} | |
.lightbox-request-ownership{ | |
text-align:center | |
} | |
.lightbox-set-due-date{ | |
z-index:9999 | |
} | |
.lightbox-set-due-date form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-flow:0; | |
flex-flow:0; | |
max-width:600px | |
} | |
.lightbox-set-due-date .date{ | |
margin:2rem 0 1rem | |
} | |
.lightbox-set-due-date .reason textarea{ | |
margin-top:.5rem | |
} | |
.lightbox-set-due-date .due-date-suggestions{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
margin:1rem 0 .5rem | |
} | |
.lightbox-set-due-date .suggestion{ | |
background:rgba(184,184,184,.2); | |
color:#B8B8B8; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin:0 .5rem .5rem; | |
min-height:2rem; | |
padding:.5rem .75rem; | |
position:relative | |
} | |
.lightbox-set-due-date .suggestion:first-child{ | |
margin-left:0 | |
} | |
.lightbox-set-due-date .suggestion:nth-child(4n+4){ | |
margin-right:0 | |
} | |
.lightbox-set-due-date .suggestion.clickable.active,.lightbox-set-due-date .suggestion.clickable:hover{ | |
background:rgba(140,158,255,.9); | |
color:#fff | |
} | |
.lightbox-set-due-date .delete-due-date{ | |
font-size:.9rem; | |
color:#757575; | |
float:right; | |
margin:1rem .25rem 0 0; | |
transition:color .3s linear | |
} | |
.lightbox-set-due-date .delete-due-date:hover{ | |
color:#f44336; | |
transition:color .3s linear | |
} | |
tg-project-menu{ | |
background-position:0 -300px; | |
display:inline-block; | |
min-height:calc(100vh - 40px); | |
min-width:50px; | |
padding:1rem 0; | |
position:relative; | |
z-index:99 | |
} | |
.main-nav a,.main-nav span{ | |
display:block | |
} | |
tg-project-menu .menu.menu-fixed{ | |
position:fixed; | |
top:1rem | |
} | |
.main-nav,.main-nav a,.main-nav li{ | |
position:relative | |
} | |
.main-nav{ | |
padding:0; | |
text-align:center | |
} | |
.main-nav a{ | |
padding:1.1rem .8rem | |
} | |
.main-nav a:hover{ | |
background:rgba(0,0,0,.2); | |
transition:color .3s linear | |
} | |
.main-nav a:hover svg{ | |
fill:#8c9eff; | |
transition:fill .3s linear | |
} | |
.backlog-sprints-menu,.main-nav a:hover .helper{ | |
animation:slideLeft .2s ease-in-out both; | |
padding:.4rem 1rem; | |
transition:all .2s; | |
position:absolute; | |
white-space:nowrap | |
} | |
.main-nav a:hover .helper{ | |
font-size:.9rem; | |
background:linear-gradient(to right,#000 0,rgba(0,0,0,.8) 100%); | |
color:#fff; | |
display:block; | |
left:50px; | |
opacity:1; | |
top:calc(50% - 1rem); | |
z-index:99 | |
} | |
.main-nav a:hover .helper::after{ | |
background:#212121; | |
height:12px; | |
left:calc(-12px/2); | |
position:absolute; | |
top:calc(50% - 12px/2); | |
width:12px; | |
z-index:98 | |
} | |
.main-nav svg{ | |
fill:#fff; | |
height:1.5rem; | |
width:1.5rem | |
} | |
.main-nav svg path{ | |
opacity:1 | |
} | |
.main-nav .helper{ | |
display:none | |
} | |
.main-nav .icon{ | |
font-size:1.5rem; | |
line-height:2.2rem | |
} | |
.main-nav .item{ | |
font-size:1.2rem | |
} | |
.main-nav .active{ | |
background:rgba(0,0,0,.2); | |
color:#8c9eff | |
} | |
.main-nav .active svg path{ | |
fill:#8c9eff; | |
opacity:1 | |
} | |
@keyframes slideLeft{ | |
0%{ | |
opacity:0 | |
} | |
100%{ | |
opacity:1 | |
} | |
} | |
.backlog-sprints-menu{ | |
font-size:.9rem; | |
background:linear-gradient(to right,#000 0,rgba(0,0,0,.8) 100%); | |
color:#fff; | |
display:block; | |
left:50px; | |
opacity:1; | |
top:1rem; | |
z-index:99 | |
} | |
.backlog-sprints-menu a{ | |
color:#fff; | |
padding:.6rem .8rem; | |
text-align:left; | |
text-transform:none | |
} | |
.backlog-sprints-menu a:nth-child(2){ | |
padding:1rem .8rem .6rem | |
} | |
.backlog-sprints-menu a:last-child{ | |
padding:.6rem .8rem .4rem | |
} | |
.backlog-sprints-menu a:hover{ | |
background:0 0 | |
} | |
.backlog-sprints-menu::after{ | |
background:#212121; | |
height:12px; | |
left:calc(-12px/2); | |
position:absolute; | |
top:calc(1rem - 12px/2); | |
width:12px; | |
z-index:98 | |
} | |
.related-tasks,.related-tasks-body .status{ | |
position:relative | |
} | |
.related-tasks{ | |
margin-bottom:2rem | |
} | |
.related-tasks-header{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
min-height:36px | |
} | |
.related-tasks-header .related-tasks-title{ | |
font-size:1rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
margin-left:1rem | |
} | |
.related-tasks-header .add-button{ | |
background:#424242; | |
border:0; | |
display:inline-block; | |
padding:.5rem; | |
transition:background .25s | |
} | |
.related-tasks-header .add-button.is-active,.related-tasks-header .add-button:hover{ | |
background:#8c9eff | |
} | |
.related-tasks-header .add-button svg{ | |
fill:#fff; | |
height:1.25rem; | |
margin-bottom:-.2rem; | |
width:1.25rem | |
} | |
.related-tasks-body{ | |
width:100% | |
} | |
.related-tasks-body .row{ | |
font-size:.9rem; | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem 0 .5rem .5rem | |
} | |
.related-tasks-body .row:hover .task-settings{ | |
opacity:1; | |
transition:all .2s ease-in | |
} | |
.related-tasks-body .row .task-name{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.related-tasks-body .row .task-settings{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:60px | |
} | |
.related-tasks-body .row .status{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:125px | |
} | |
.related-tasks-body .row .assigned-to{ | |
cursor:pointer; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:150px | |
} | |
.related-tasks-body .related-task-create-form{ | |
padding:0 | |
} | |
.related-tasks-body .related-task-create-form.active{ | |
padding:.5rem 0 .5rem .5rem | |
} | |
.related-tasks-body .iocaine{ | |
background:rgba(140,158,255,.1); | |
border-left:10px solid #8c9eff | |
} | |
.related-tasks-body .task-name{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-right:1rem | |
} | |
.related-tasks-body .task-name span{ | |
margin-right:.25rem | |
} | |
.related-tasks-body .task-name input{ | |
font-size:1rem; | |
margin-right:1rem; | |
padding:3px; | |
width:85% | |
} | |
.related-tasks-body .task-name.loading{ | |
margin:0; | |
padding:8px; | |
text-align:center; | |
width:100% | |
} | |
.related-tasks-body .pop-status,.ticket-header .pop-status{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
list-style-type:none; | |
z-index:99; | |
text-align:"center" | |
} | |
.related-tasks-body .task-name.loading span{ | |
animation:loading .5s linear,spin 1s linear infinite | |
} | |
.related-tasks-body .status .not-clickable:hover{ | |
color:#424242 | |
} | |
.related-tasks-body .status .popover{ | |
left:0; | |
top:1rem | |
} | |
.related-tasks-body .status .popover a{ | |
display:block | |
} | |
.related-tasks-body .status .icon{ | |
width:.8rem; | |
height:.8rem; | |
fill:currentColor; | |
margin-left:.2rem | |
} | |
.related-tasks-body .closed,.related-tasks-body .closed:hover{ | |
border-left:10px solid #EEE; | |
color:#EEE | |
} | |
.related-tasks-body .closed a,.related-tasks-body .closed svg,.related-tasks-body .closed:hover a,.related-tasks-body .closed:hover svg{ | |
fill:#EEE | |
} | |
.related-tasks-body .closed .task-name a,.related-tasks-body .closed:hover .task-name a{ | |
color:#EEE; | |
text-decoration:line-through | |
} | |
.related-tasks-body .icon-iocaine{ | |
display:none | |
} | |
.related-tasks-body .pop-status{ | |
font-size:.9rem; | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:40%; | |
margin:0; | |
padding:10px 1rem 10px 10px; | |
position:absolute; | |
top:0; | |
width:200px | |
} | |
.related-tasks-body .pop-status a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.related-tasks-body .pop-status a:last-child{ | |
border:0 | |
} | |
.related-tasks-body .pop-status a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.related-tasks-body .pop-status a:hover.point{ | |
color:#fff | |
} | |
.related-tasks-body .pop-status:after{ | |
background:#212121; | |
height:15px; | |
position:absolute; | |
width:0 | |
} | |
.related-tasks-body .pop-status.fix{ | |
bottom:0; | |
top:auto | |
} | |
.related-tasks-body .blocked,.related-tasks-body .blocked:hover{ | |
background:rgba(255,82,82,.2); | |
border-left:10px solid #ff5252 | |
} | |
.related-tasks-body .task-settings{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
opacity:0 | |
} | |
.related-tasks-body .task-settings svg{ | |
width:1.1rem; | |
height:1.1rem; | |
fill:#BDBDBD; | |
margin-right:.5rem; | |
transition:fill .2s ease-in | |
} | |
.related-tasks-body .task-settings svg:hover{ | |
fill:#757575 | |
} | |
.related-tasks-body .task-settings a:hover{ | |
cursor:pointer | |
} | |
.related-tasks-body .delete-task:hover .icon-edit,.related-tasks-body .edit-task:hover .icon-edit,.related-tasks-body .save-task:hover .icon-edit{ | |
fill:#424242 | |
} | |
.related-tasks-body .delete-task:hover .icon-save,.related-tasks-body .edit-task:hover .icon-save,.related-tasks-body .save-task:hover .icon-save{ | |
fill:#3f51b5 | |
} | |
.related-tasks-body .delete-task:hover .icon-trash,.related-tasks-body .edit-task:hover .icon-trash,.related-tasks-body .save-task:hover .icon-trash{ | |
fill:#ff5252 | |
} | |
.related-tasks-body .task-assignedto{ | |
position:relative | |
} | |
.related-tasks-body .task-assignedto.editable{ | |
cursor:pointer | |
} | |
.related-tasks-body .task-assignedto:hover .icon{ | |
opacity:1; | |
transition:opacity .3s linear | |
} | |
.related-tasks-body .task-assignedto figcaption{ | |
max-width:50%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap | |
} | |
.related-tasks-body .task-assignedto .icon{ | |
width:.8rem; | |
height:.8rem; | |
fill:#BDBDBD; | |
opacity:0; | |
position:absolute; | |
right:.5rem; | |
top:.5rem; | |
transition:opacity .3s linear | |
} | |
.related-tasks-body .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.related-tasks-body .avatar img{ | |
-ms-flex-preferred-size:35px; | |
flex-basis:35px; | |
height:35px; | |
width:35px | |
} | |
.related-tasks-body .avatar figcaption{ | |
margin-left:.5rem | |
} | |
.ticket-header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin:1.5rem 0 2rem; | |
position:relative | |
} | |
.ticket-header .ticket-title{ | |
font-size:1.6rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
text-transform:uppercase; | |
vertical-align:sub | |
} | |
.ticket-header .detail-status{ | |
font-size:.9rem; | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:.25rem; | |
position:relative | |
} | |
.ticket-header .detail-status .icon-arrow-down{ | |
width:.75rem; | |
height:.75rem; | |
fill:currentColor; | |
margin-left:.25rem | |
} | |
.ticket-header .detail-status-inner{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
.ticket-header .detail-status-inner>span{ | |
color:#fff; | |
padding:.15rem .25rem; | |
text-transform:uppercase | |
} | |
.ticket-header .pop-status{ | |
font-size:.9rem; | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:0; | |
margin:0; | |
position:absolute; | |
top:1.25rem; | |
width:150px; | |
padding:0; | |
text-transform:none | |
} | |
.ticket-data-container,.ticket-header .pop-status a{ | |
font-size:.9rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.ticket-header .pop-status a{ | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:.5rem 1rem; | |
text-align:left | |
} | |
.ticket-header .pop-status a:last-child{ | |
border:0 | |
} | |
.ticket-header .pop-status a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.ticket-header .pop-status a:hover.point{ | |
color:#fff | |
} | |
.ticket-header .pop-status:after{ | |
background:#212121; | |
height:15px; | |
position:absolute; | |
width:0 | |
} | |
.ticket-header .pop-status a:hover{ | |
background:rgba(140,158,255,.2) | |
} | |
.ticket-data-container{ | |
margin-bottom:1rem | |
} | |
.ticket-status .priority-data .pop-priority,.ticket-status .severity-data .pop-severity,.ticket-status .type-data .pop-type{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
left:30px; | |
top:30px; | |
text-align:"left"; | |
font-size:.9rem; | |
z-index:99; | |
list-style-type:none | |
} | |
.ticket-data-container .icon{ | |
width:.7rem; | |
height:.7rem; | |
color:currentColor; | |
margin-left:.25rem | |
} | |
.ticket-status .priority-data .pop-priority:after,.ticket-status .severity-data .pop-severity:after,.ticket-status .type-data .pop-type:after{ | |
content:''; | |
height:15px; | |
transform:rotate(45deg) | |
} | |
.ticket-status:last-child{ | |
margin:0 | |
} | |
.ticket-status .level{ | |
display:inline-block; | |
margin-right:.5rem; | |
vertical-align:top | |
} | |
.ticket-status .level-name{ | |
color:#bbb; | |
float:right; | |
text-transform:lowercase | |
} | |
.ticket-status .clickable:hover{ | |
background:#d5d5d5; | |
transition:background .2s ease-in | |
} | |
.ticket-status .type-data{ | |
background:#e1e1e1; | |
margin-bottom:.5rem; | |
padding:.5rem 1rem .5rem .5rem; | |
position:relative; | |
transition:background .2s ease-in | |
} | |
.ticket-status .type-data .pop-type{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
margin:0; | |
padding:10px; | |
position:absolute; | |
width:150px | |
} | |
.ticket-status .type-data .pop-type a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.ticket-status .type-data .pop-type a:last-child{ | |
border:0 | |
} | |
.ticket-status .type-data .pop-type a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.ticket-status .type-data .pop-type a:hover.point{ | |
color:#fff | |
} | |
.ticket-status .type-data .pop-type:after{ | |
background:#212121; | |
position:absolute; | |
width:0 | |
} | |
.ticket-status .severity-data{ | |
background:#e1e1e1; | |
margin-bottom:.5rem; | |
padding:.5rem 1rem .5rem .5rem; | |
position:relative; | |
transition:background .2s ease-in | |
} | |
.ticket-status .severity-data .pop-severity{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
margin:0; | |
padding:10px; | |
position:absolute; | |
width:150px | |
} | |
.ticket-status .severity-data .pop-severity a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.ticket-status .severity-data .pop-severity a:last-child{ | |
border:0 | |
} | |
.ticket-status .severity-data .pop-severity a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.ticket-status .severity-data .pop-severity a:hover.point{ | |
color:#fff | |
} | |
.ticket-status .severity-data .pop-severity:after{ | |
background:#212121; | |
position:absolute; | |
width:0 | |
} | |
.ticket-status .priority-data{ | |
background:#e1e1e1; | |
margin-bottom:.5rem; | |
padding:.5rem 1rem .5rem .5rem; | |
position:relative; | |
transition:background .2s ease-in | |
} | |
.ticket-status .priority-data .pop-priority{ | |
background:#212121; | |
color:#fff; | |
display:none; | |
margin:0; | |
padding:10px; | |
position:absolute; | |
width:150px | |
} | |
.ticket-watch .ticket-watch-button,.ticket-watch svg{ | |
margin-right:.25rem | |
} | |
.ticket-status .priority-data .pop-priority a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.ticket-status .priority-data .pop-priority a:last-child{ | |
border:0 | |
} | |
.ticket-status .priority-data .pop-priority a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.ticket-status .priority-data .pop-priority a:hover.point{ | |
color:#fff | |
} | |
.ticket-status .priority-data .pop-priority:after{ | |
background:#212121; | |
position:absolute; | |
width:0 | |
} | |
.ticket-watch-buttons{ | |
margin-bottom:1rem | |
} | |
.ticket-watch .ticket-watch-title{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
margin-bottom:.5rem | |
} | |
.introjs-tooltip p,.single-project .description,.ticket-watch .add-watcher,.ticket-watch .ticket-watch-button{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.ticket-watch .ticket-watch-inner{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.ticket-watch svg{ | |
position:relative; | |
top:2px | |
} | |
.ticket-watch .add-watcher,.ticket-watch .ticket-watch-button{ | |
font-size:.9rem; | |
background:#BDBDBD; | |
color:#fff; | |
-ms-flex:1; | |
flex:1; | |
padding:.25rem; | |
text-align:center; | |
text-transform:uppercase; | |
transition:background .25s | |
} | |
.ticket-watch .add-watcher svg,.ticket-watch .ticket-watch-button svg{ | |
fill:#fff | |
} | |
.ticket-watch .add-watcher:hover,.ticket-watch .ticket-watch-button:hover{ | |
background:#8c9eff | |
} | |
.ticket-watch .add-watcher.is-hover,.ticket-watch .ticket-watch-button.is-hover{ | |
background:#f44336; | |
color:#EEE; | |
transition:background .3s | |
} | |
.ticket-watch .add-watcher.is-hover svg,.ticket-watch .ticket-watch-button.is-hover svg{ | |
fill:#ff5252 | |
} | |
.ticket-watch .add-watcher.active,.ticket-watch .ticket-watch-button.active{ | |
background:#8c9eff | |
} | |
.ticket-watch .add-watcher.active:hover,.ticket-watch .ticket-watch-button.active:hover{ | |
background:#ff5252 | |
} | |
.ticket-watch .add-watcher.active svg,.ticket-watch .ticket-watch-button.active svg{ | |
fill:#fff | |
} | |
.ticket-detail-settings{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-top:2rem | |
} | |
.ticket-detail-settings .button-delete,.ticket-detail-settings .item-block,.ticket-detail-settings .item-unblock,.ticket-detail-settings .promote-button,.ticket-detail-settings label{ | |
background:#BDBDBD; | |
display:inline-block; | |
margin-right:.5rem; | |
padding:1rem; | |
transition:background .2s linear; | |
transition-delay:.1s | |
} | |
.ticket-detail-settings .button-delete:hover,.ticket-detail-settings .item-block:hover,.ticket-detail-settings .item-unblock:hover,.ticket-detail-settings .promote-button:hover,.ticket-detail-settings label:hover{ | |
background:#757575 | |
} | |
.ticket-detail-settings .button-delete.editable,.ticket-detail-settings .item-block.editable,.ticket-detail-settings .item-unblock.editable,.ticket-detail-settings .promote-button.editable,.ticket-detail-settings label.editable{ | |
cursor:pointer | |
} | |
.ticket-detail-settings .button-delete+input,.ticket-detail-settings .item-block,.ticket-detail-settings .item-block+input,.ticket-detail-settings .item-unblock,.ticket-detail-settings .item-unblock+input,.ticket-detail-settings .promote-button+input,.ticket-detail-settings label+input{ | |
display:none | |
} | |
.ticket-detail-settings .item-block.is-active,.ticket-detail-settings .item-unblock.is-active{ | |
display:inline-block | |
} | |
.ticket-detail-settings .item-unblock{ | |
background:#ff5252 | |
} | |
.ticket-detail-settings .item-unblock:hover{ | |
background:#f44336 | |
} | |
.ticket-detail-settings .button-delete{ | |
background:#ff5252 | |
} | |
.ticket-detail-settings .button-delete:hover{ | |
background:#f44336 | |
} | |
.ticket-detail-settings svg{ | |
fill:#fff; | |
height:100% | |
} | |
.ticket-detail-settings .icon-lock{ | |
margin:0 | |
} | |
.ticket-detail-settings a{ | |
display:block | |
} | |
.epic-header-container{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.epic-header-container .color-selector{ | |
margin-right:.5rem | |
} | |
.epic-header-container tg-detail-header{ | |
-ms-flex:1; | |
flex:1; | |
width:100% | |
} | |
.introjs-overlay{ | |
background:radial-gradient(center,ellipse cover,rgba(255,255,255,.2) 0,rgba(238,238,238,.2) 100%); | |
background-color:#EEE | |
} | |
.introjs-helperLayer{ | |
border:1px solid rgba(140,158,255,.8) | |
} | |
.introjs-helperLayer,.introjs-tooltip{ | |
box-shadow:0 1px 8px rgba(66,66,66,.2) | |
} | |
.introjs-tooltip h3{ | |
font-size:1.2rem; | |
margin-bottom:.5rem | |
} | |
.introjs-tooltip p{ | |
line-height:1.4; | |
margin-bottom:0 | |
} | |
.introjs-bullets ul li a.active{ | |
background:#8c9eff | |
} | |
.introjs-button{ | |
background-color:#3f51b5; | |
background-image:none; | |
border:0; | |
border-radius:0; | |
color:#fff; | |
margin-top:10px; | |
padding:.3rem .8rem; | |
text-shadow:none | |
} | |
.introjs-button:focus,.introjs-button:hover{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.introjs-button.introjs-disabled{ | |
background:#f5f5f5; | |
background-color:none; | |
color:#fff | |
} | |
.lightbox-generic-notion section{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px | |
} | |
.single-project .single-project-intro{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:2rem | |
} | |
.single-project .project-logo{ | |
margin-right:1rem; | |
width:6rem | |
} | |
.single-project .project-logo img{ | |
width:100% | |
} | |
.single-project .single-project-title-wrapper{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.single-project .intro-options{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:.5rem | |
} | |
.single-project .intro-title{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.single-project h1{ | |
color:#3f51b5; | |
display:inline-block; | |
line-height:1.2; | |
margin-bottom:0; | |
vertical-align:middle | |
} | |
.single-project .private{ | |
width:1.1rem; | |
height:1.1rem | |
} | |
.single-project .track-buttons-container{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.single-project .like-button{ | |
margin-right:.75rem | |
} | |
.single-project .track-container .list-itemtype-track{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.single-project .track-container .list-itemtype-track .list-itemtype-track-likers{ | |
margin-right:.5rem | |
} | |
.single-project .track-container .list-itemtype-track-likers,.single-project .track-container .list-itemtype-track-watchers{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.single-project .track-container .list-itemtype-track-likers .icon,.single-project .track-container .list-itemtype-track-watchers .icon{ | |
display:block; | |
margin-right:.25rem | |
} | |
.single-project .track-container .list-itemtype-track-likers.active,.single-project .track-container .list-itemtype-track-watchers.active{ | |
color:#3f51b5 | |
} | |
.single-project .track-container .list-itemtype-track-likers.active .icon,.single-project .track-container .list-itemtype-track-watchers.active .icon{ | |
fill:currentcolor | |
} | |
.single-project .track-container .icon{ | |
fill:#BDBDBD | |
} | |
.single-project .description{ | |
font-size:1rem; | |
margin:0 | |
} | |
.single-project .project-data{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.single-project .title{ | |
font-size:1rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
-ms-flex-line-pack:center; | |
align-content:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:.5rem; | |
padding:.5rem 1rem | |
} | |
.single-project .single-project-tags{ | |
margin-bottom:1rem; | |
margin-top:1rem | |
} | |
.single-project .timeline{ | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
margin-right:1rem; | |
max-width:960px; | |
width:0 | |
} | |
.single-project .looking-for-people img{ | |
width:100% | |
} | |
.single-project .looking-for-people h3{ | |
font-size:.9rem | |
} | |
.single-project .looking-for-people .is-empty{ | |
margin-bottom:.5rem | |
} | |
.single-project .looking-for-people p{ | |
font-size:.9rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-bottom:.5rem | |
} | |
.single-project .looking-for-people .contact-team{ | |
margin-bottom:1rem | |
} | |
.single-project .involved-data{ | |
-ms-flex-preferred-size:220px; | |
flex-basis:220px; | |
width:220px | |
} | |
.single-project .involved-team{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
margin-bottom:1rem | |
} | |
.single-project .involved-team li{ | |
-ms-flex-preferred-size:24%; | |
flex-basis:24%; | |
margin-right:.14rem; | |
position:relative | |
} | |
.single-project .involved-team li:nth-child(4n){ | |
margin-right:0 | |
} | |
.single-project .involved-team a{ | |
display:block | |
} | |
.single-project .involved-team img{ | |
border-radius:.2rem; | |
width:100% | |
} | |
.single-project .involved-team .icon-badge{ | |
width:1.2rem; | |
height:1.2rem; | |
background:rgba(0,0,0,.5); | |
bottom:5%; | |
padding:.1rem; | |
position:absolute; | |
right:5% | |
} | |
.issues-options{ | |
-ms-flex-align:center; | |
align-items:center; | |
background-color:#EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
margin-bottom:2rem | |
} | |
.issues-options .button-bulk{ | |
margin-left:.2rem | |
} | |
.issues-table{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:2rem | |
} | |
.issues-table.empty{ | |
display:none | |
} | |
.issues-table .row:hover{ | |
background:#fff; | |
transition:background .2s ease-in | |
} | |
.issues-table .row .icon{ | |
display:inline | |
} | |
.issues-table .row.is-blocked{ | |
background:#ffb8b8 | |
} | |
.issues-table .row.is-blocked .blocked-text{ | |
color:#f44336; | |
margin-right:.5rem | |
} | |
.issues-table .title{ | |
font-size:1rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:1px solid #BDBDBD | |
} | |
.issues-table .title:hover{ | |
background:0 0 | |
} | |
.issues-table .title div{ | |
cursor:pointer | |
} | |
.issues-table .title .votes{ | |
color:#757575 | |
} | |
.issues-table .table-main{ | |
font-size:.9rem; | |
border-bottom:1px solid #e4e4e4 | |
} | |
.issues-table .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.issues-table .avatar img{ | |
width:35px | |
} | |
.issues-table .avatar figcaption{ | |
-ms-flex-preferred-size:60%; | |
flex-basis:60%; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-left:.5rem | |
} | |
.issues-table .level-field{ | |
-ms-flex-preferred-size:85px; | |
flex-basis:85px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
text-align:center; | |
width:85px | |
} | |
.issues-table .votes{ | |
color:#757575; | |
cursor:pointer; | |
-ms-flex-preferred-size:75px; | |
flex-basis:75px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
text-align:center; | |
width:75px | |
} | |
.issues-table .votes:hover{ | |
color:#8c9eff; | |
transition:all .2s linear | |
} | |
.issues-table .votes:hover svg{ | |
fill:#8c9eff; | |
transition:all .2s linear | |
} | |
.issues-table .votes.inactive{ | |
color:#BDBDBD | |
} | |
.issues-table .icon-upvote{ | |
width:.75rem; | |
height:.75rem; | |
fill:#757575; | |
margin-right:.25rem; | |
vertical-align:middle | |
} | |
.issues-table .icon-arrow-down,.issues-table .icon-arrow-up{ | |
width:.7rem; | |
height:.7rem; | |
fill:#BDBDBD; | |
margin-left:.25rem; | |
vertical-align:middle | |
} | |
.issues-table .is-voted{ | |
color:#8c9eff; | |
transition:all .2s linear | |
} | |
.issues-table .is-voted svg{ | |
fill:#8c9eff; | |
transition:all .2s linear | |
} | |
.issues-table .is-voted:hover{ | |
color:#ff5252 | |
} | |
.issues-table .is-voted:hover svg{ | |
fill:#ff5252; | |
transform:rotate(180deg) | |
} | |
.issues-table .pop-status:after,.table-team .popover:after{ | |
transform:rotate(45deg); | |
content:'' | |
} | |
.issues-table .subject{ | |
overflow:hidden; | |
padding-right:1rem; | |
width:100% | |
} | |
.issues-table .subject a{ | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
display:block | |
} | |
.issues-table .subject span{ | |
vertical-align:middle | |
} | |
.issues-table .subject span:first-child{ | |
margin-right:.5rem | |
} | |
.issues-table .assigned-field,.issues-table .created-field,.issues-table .issue-field{ | |
-ms-flex-preferred-size:140px; | |
flex-basis:140px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
padding:0 1rem; | |
position:relative; | |
text-align:left | |
} | |
.issues-table .assigned-field .icon,.issues-table .created-field .icon,.issues-table .issue-field .icon{ | |
width:.75rem; | |
height:.75rem; | |
fill:currentColor; | |
margin-left:.25rem; | |
vertical-align:middle | |
} | |
.issues-table .assigned-field{ | |
-ms-flex:0 0 160px; | |
flex:0 0 160px; | |
max-width:160px | |
} | |
.issues-table .issue-assignedto{ | |
cursor:pointer; | |
position:relative | |
} | |
.issues-table .issue-assignedto:hover .icon{ | |
opacity:1; | |
transition:opacity .3s linear | |
} | |
.issues-table .issue-assignedto figcaption{ | |
max-width:60%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap | |
} | |
.issues-table .issue-assignedto .icon{ | |
width:.75rem; | |
height:.75rem; | |
opacity:0; | |
position:absolute; | |
right:0; | |
top:.75rem; | |
transition:opacity .3s linear | |
} | |
.issues-table .pop-status{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
background:#212121; | |
color:#fff; | |
display:none; | |
left:0; | |
list-style-type:none; | |
margin:0; | |
padding:10px; | |
position:absolute; | |
top:20px; | |
width:200px; | |
z-index:99; | |
text-align:"center" | |
} | |
.kanban-table-body .task-column .kanban-column-intro,.search-result-table-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.issues-table .pop-status a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.issues-table .pop-status a:last-child{ | |
border:0 | |
} | |
.issues-table .pop-status a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.issues-table .pop-status a:hover.point{ | |
color:#fff | |
} | |
.issues-table .pop-status:after{ | |
background:#212121; | |
height:15px; | |
position:absolute; | |
width:0 | |
} | |
.issues-table .pop-status.fix{ | |
bottom:0; | |
top:auto | |
} | |
@media (max-width:1280px){ | |
.issues-table .created-field,.issues-table .level-field{ | |
display:none | |
} | |
} | |
.issues-table .issue-status{ | |
display:inline-block | |
} | |
.kanban-table{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100%; | |
overflow:hidden; | |
width:100% | |
} | |
.kanban-table.zoom-0 .task-colum-name,.kanban-table.zoom-0 .task-column{ | |
max-width:148px | |
} | |
.kanban-table.zoom-0 .task-colum-name span{ | |
padding-right:1rem | |
} | |
.kanban-table .vfold tg-card{ | |
display:none | |
} | |
.kanban-table .vfold.task-colum-name{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
opacity:.8; | |
padding:.5rem 0; | |
transition:opacity .3s linear | |
} | |
.kanban-table .vfold .kanban-column-intro,.kanban-table .vfold.task-colum-name .option:not(.hunfold),.kanban-table .vfold.task-colum-name .title,.kanban-table .vfold.task-colum-name span{ | |
display:none | |
} | |
.kanban-table .vfold.task-colum-name .hunfold{ | |
margin:0 | |
} | |
.kanban-table .vfold.task-colum-name,.kanban-table .vfold.task-column{ | |
-ms-flex-flow:1; | |
flex-flow:1; | |
max-width:30px; | |
min-height:2.5rem; | |
min-width:30px; | |
width:30px | |
} | |
.kanban-table .readonly{ | |
cursor:auto | |
} | |
.kanban-table-header{ | |
-ms-flex-preferred-size:2.4rem; | |
flex-basis:2.4rem; | |
min-height:2.4rem; | |
position:relative | |
} | |
.kanban-table-header .kanban-table-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
overflow:hidden; | |
position:absolute; | |
width:100% | |
} | |
.kanban-table-header .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.kanban-table-header .task-colum-name{ | |
font-size:1rem; | |
-ms-flex-align:center; | |
align-items:center; | |
color:#757575; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:296px; | |
flex-basis:296px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin:0 5px 0 0; | |
max-width:296px; | |
padding:.5rem 1rem; | |
position:relative; | |
text-transform:uppercase | |
} | |
.kanban-table-header .task-colum-name:last-child{ | |
margin-right:0 | |
} | |
.kanban-table-header .task-colum-name .title{ | |
-ms-flex-align:end; | |
align-items:flex-end; | |
display:-ms-flexbox; | |
display:flex; | |
width:100% | |
} | |
.kanban-table-header .task-colum-name .title .counter{ | |
font-size:.75rem; | |
line-height:1.6; | |
margin:0 .5rem | |
} | |
.kanban-table-header .task-colum-name .title .name{ | |
display:inline-block; | |
max-width:65%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal | |
} | |
.kanban-table-header .task-colum-name .option{ | |
margin-right:.3rem | |
} | |
.kanban-table-header .task-colum-name .icon{ | |
fill:#BDBDBD; | |
height:1rem; | |
transition:color .2s linear; | |
width:1rem | |
} | |
.kanban-table-header .task-colum-name .icon:hover{ | |
fill:#3f51b5 | |
} | |
.kanban-table-body{ | |
font-size:1rem; | |
display:-ms-flexbox; | |
display:flex; | |
height:100%; | |
overflow:hidden; | |
overflow-x:auto; | |
width:100% | |
} | |
.kanban-table-body .task-column{ | |
-ms-flex-preferred-size:296px; | |
flex-basis:296px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin:0 5px 0 0; | |
max-width:296px; | |
overflow-y:auto; | |
widows:296px; | |
width:296px | |
} | |
.kanban-table-body .task-column:last-child{ | |
margin-right:0 | |
} | |
.kanban-table-body .task-column .kanban-column-intro{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
margin:1rem 2rem | |
} | |
.kanban-table-body .task-column .kanban-column-intro.active{ | |
color:#212121 | |
} | |
.kanban-table-body .task-column .kanban-wip-limit{ | |
background:#f44336; | |
border-radius:2px; | |
height:4px; | |
margin:.5rem 0; | |
padding:0 | |
} | |
.kanban-table-body .kanban-task-selected.card:not(.gu-transit-multi){ | |
box-shadow:0 0 0 1px #8c9eff,2px 2px 4px #d5d5d5 | |
} | |
.kanban-table-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap | |
} | |
.card-transit-multi{ | |
background:#e9e9e9; | |
border:1px dashed #dadada; | |
display:none; | |
opacity:1; | |
padding:1rem | |
} | |
.search-filter,.search-result-table,.table-team .hero .row{ | |
border-top:1px solid #EEE | |
} | |
.card-transit-multi .fake-img,.card-transit-multi .fake-text{ | |
background:#dadada | |
} | |
.card-transit-multi .fake-us{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:1rem | |
} | |
.card-transit-multi .fake-us:last-child{ | |
margin-bottom:0 | |
} | |
.card-transit-multi .column{ | |
padding-left:.5rem; | |
width:100% | |
} | |
.card-transit-multi .fake-img{ | |
-ms-flex-preferred-size:48px; | |
flex-basis:48px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
height:48px; | |
width:48px | |
} | |
.card-transit-multi .fake-text{ | |
height:1rem; | |
margin-bottom:1rem; | |
width:80% | |
} | |
.card-transit-multi .fake-text:last-child{ | |
margin-bottom:0; | |
width:40% | |
} | |
.card.gu-transit-multi .card-transit-multi{ | |
display:block | |
} | |
.card.gu-transit-multi .card-inner{ | |
display:none | |
} | |
.search-filter{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:0; | |
z-index:9 | |
} | |
.search-filter a{ | |
background:#fff; | |
color:#BDBDBD; | |
display:inline-block; | |
margin-right:1rem; | |
padding:1rem 1.25rem | |
} | |
.search-filter .name,.search-filter a:hover .name{ | |
padding-left:5px | |
} | |
.search-filter a:hover{ | |
transition:color .3s linear | |
} | |
.search-filter a:hover .icon{ | |
fill:currentColor | |
} | |
.search-filter a.active{ | |
border-left:1px solid #EEE; | |
border-right:1px solid #EEE; | |
color:#424242; | |
position:relative; | |
top:1px | |
} | |
.search-filter a.active .icon{ | |
fill:#8c9eff | |
} | |
.search-filter .icon{ | |
fill:currentColor; | |
margin-right:.4rem | |
} | |
.search-in input{ | |
background:#424242; | |
color:#fff | |
} | |
.search-in input::-webkit-input-placeholder{ | |
color:#BDBDBD | |
} | |
.search-in input::-moz-placeholder{ | |
color:#BDBDBD | |
} | |
.search-in input:-moz-placeholder{ | |
color:#BDBDBD | |
} | |
.search-in input:-ms-input-placeholder{ | |
color:#BDBDBD | |
} | |
.search-in .icon-search-wrapper{ | |
position:absolute; | |
right:.7rem; | |
top:.7rem | |
} | |
.search-in .icon-search{ | |
fill:#BDBDBD | |
} | |
.search-in .loading-spinner{ | |
margin-top:.1rem | |
} | |
.search-result-table .row{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem | |
} | |
.search-result-table .row .ref{ | |
-ms-flex-preferred-size:30px; | |
flex-basis:30px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:0 1rem | |
} | |
.search-result-table .row .user-stories{ | |
-ms-flex-preferred-size:300px; | |
flex-basis:300px; | |
-ms-flex-positive:10; | |
flex-grow:10; | |
-ms-flex-negative:1; | |
flex-shrink:1 | |
} | |
.search-result-table .row .points,.search-result-table .row .sprint,.search-result-table .row .status{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
padding:0 1rem; | |
text-align:center | |
} | |
.search-result-table .row .assigned-to{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
padding:0 1rem | |
} | |
.search-result-table .row-selected{ | |
background:#fff; | |
transition:background .2s ease-in | |
} | |
.search-result-table .user-story-name input{ | |
vertical-align:top | |
} | |
.single-filter .name img,.tag img,.wiki-nav .add-button{ | |
vertical-align:middle | |
} | |
.search-result-table .user-story-name span{ | |
display:inline-block; | |
max-width:70%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap | |
} | |
.search-result-table .user-story-name .icon{ | |
font-size:1rem; | |
color:#BDBDBD | |
} | |
.search-result-table .user-story-name .icon:hover{ | |
color:#424242; | |
transition:color .3s linear | |
} | |
.search-result-table .table-main{ | |
font-size:.9rem; | |
border-bottom:1px solid #EEE | |
} | |
.search-result-table .points,.search-result-table .sprint,.search-result-table .status{ | |
position:relative | |
} | |
.search-result-table .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.search-result-table .avatar img{ | |
width:35px | |
} | |
.search-result-table .avatar .avatar-caption{ | |
display:block; | |
margin-left:.5rem; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
width:80px | |
} | |
.team-filters .search-in{ | |
margin-bottom:1rem; | |
position:relative | |
} | |
.team-filters li{ | |
font-size:1.2rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
border-bottom:1px solid #BDBDBD; | |
text-transform:uppercase | |
} | |
.table-team .attribute,.table-team .attribute .points{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.team-filters li:last-child{ | |
border-bottom:0 | |
} | |
.team-filters li .icon{ | |
fill:#212121; | |
opacity:0; | |
transition:opacity .3s linear | |
} | |
.team-filters a{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:1rem 0 1rem 1rem | |
} | |
.team-filters a.active,.team-filters a:hover{ | |
color:#3f51b5; | |
transition:color .3s linear | |
} | |
.team-filters a.active .icon,.team-filters a:hover .icon{ | |
fill:currentColor; | |
opacity:1 | |
} | |
.team-filters .active{ | |
opacity:1; | |
transition:opacity .3s linear | |
} | |
.table-team .row{ | |
padding:.5rem | |
} | |
.table-team .username{ | |
-ms-flex-preferred-size:220px; | |
flex-basis:220px; | |
min-width:25% | |
} | |
.table-team .member-stats{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:6; | |
flex:6; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.table-team .attribute{ | |
-ms-flex:1; | |
flex:1; | |
position:relative; | |
text-align:center | |
} | |
.table-team .attribute .icon{ | |
width:1.75rem; | |
height:1.75rem; | |
fill:#757575 | |
} | |
.table-team .attribute .points{ | |
font-size:1.6rem; | |
color:#424242 | |
} | |
.table-team .attribute .top{ | |
fill:#8c9eff; | |
opacity:1 | |
} | |
.table-team .attribute:hover .popover{ | |
display:block | |
} | |
.table-team .leave-project{ | |
font-size:.9rem; | |
color:#ff5252 | |
} | |
.table-team .leave-project .icon{ | |
width:.8rem; | |
height:.8rem; | |
fill:currentColor; | |
margin-right:.2rem | |
} | |
.table-team .leave-project:hover{ | |
color:#f44336 | |
} | |
.table-team .leave-project:hover .icon{ | |
color:currentColor; | |
transition:fill .3s linear | |
} | |
.table-team .team-header{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:0 | |
} | |
.table-team .hero{ | |
width:100% | |
} | |
.table-team .hero .row{ | |
border-bottom:1px solid #EEE; | |
margin:1rem 0; | |
padding:1.5rem 1rem | |
} | |
.table-team .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.table-team .avatar img{ | |
-ms-flex-preferred-size:66px; | |
flex-basis:66px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:66px | |
} | |
.table-team .avatar .avatar-data{ | |
margin-left:1rem | |
} | |
.table-team .avatar .avatar-data span{ | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
width:100% | |
} | |
.table-team .avatar .name,.table-team .avatar .position{ | |
display:block; | |
width:100% | |
} | |
.table-team .avatar .name{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.table-team .avatar .position,.table-team .popover{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.table-team .avatar .position{ | |
color:#BDBDBD | |
} | |
.table-team .popover{ | |
font-size:.9rem; | |
background:#212121; | |
bottom:30px; | |
color:#fff; | |
display:none; | |
left:0; | |
list-style-type:none; | |
margin:0; | |
padding:10px; | |
position:absolute; | |
width:100%; | |
z-index:99; | |
text-align:"center" | |
} | |
.table-team .popover a{ | |
font-size:.9rem; | |
border-bottom:1px solid #424242; | |
color:#fff; | |
display:block; | |
padding:10px 2px | |
} | |
.table-team .popover a:last-child{ | |
border:0 | |
} | |
.table-team .popover a:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.table-team .popover a:hover.point{ | |
color:#fff | |
} | |
.table-team .popover:after{ | |
background:#212121; | |
bottom:-5px; | |
height:15px; | |
left:50%; | |
position:absolute; | |
width:15px | |
} | |
.table-team .icon-badge{ | |
position:relative; | |
top:.15rem | |
} | |
.policy-table .policy-table-row{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.policy-table .policy-table-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:2px solid #BDBDBD | |
} | |
.policy-table .policy-table-all,.policy-table .policy-table-involved,.policy-table .policy-table-none,.policy-table .policy-table-project{ | |
padding:1rem | |
} | |
.policy-table .policy-table-project{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
-ms-flex-positive:3; | |
flex-grow:3 | |
} | |
.policy-table .policy-table-all,.policy-table .policy-table-involved,.policy-table .policy-table-none{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.policy-table input{ | |
display:none | |
} | |
.policy-table input:checked+label{ | |
background:#3f51b5; | |
transition:background .3s linear | |
} | |
.policy-table label{ | |
background:#BDBDBD; | |
border-radius:5px; | |
color:#fff; | |
display:block; | |
padding:.5rem | |
} | |
.policy-table label:hover{ | |
background:#8c9eff; | |
cursor:pointer; | |
transition:background .3s linear | |
} | |
.user-change-password fieldset{ | |
margin-bottom:1rem; | |
width:50% | |
} | |
.user-change-password fieldset:last-child{ | |
margin-top:2rem | |
} | |
.user-change-password label{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
display:block; | |
margin-bottom:.5rem | |
} | |
.user-change-password .button-green{ | |
color:#fff; | |
display:block; | |
padding:12px; | |
text-align:center | |
} | |
.user-profile{ | |
max-width:780px | |
} | |
.user-profile form{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.user-profile fieldset{ | |
margin-bottom:1rem | |
} | |
.user-profile label{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
display:block; | |
margin-bottom:.2rem | |
} | |
.user-profile .project-details-image{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:180px; | |
margin-right:2rem | |
} | |
.user-profile .project-details-image .image,.user-profile .submit-button{ | |
width:100% | |
} | |
.user-profile .change-image{ | |
display:block | |
} | |
.user-profile .image-container{ | |
position:relative; | |
margin-bottom:.5rem | |
} | |
.user-profile .loading-overlay{ | |
display:none | |
} | |
.user-profile .loading-overlay.active{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:rgba(33,33,33,.8); | |
bottom:0; | |
display:-ms-flexbox; | |
display:flex; | |
left:0; | |
position:absolute; | |
right:0; | |
top:0; | |
width:100% | |
} | |
.user-profile .loading-spinner{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
max-height:1rem; | |
max-width:1rem; | |
border:0; | |
transform-origin:center center | |
} | |
.user-profile .use-default-image{ | |
font-size:1rem; | |
display:block; | |
margin-top:.25rem; | |
text-align:center | |
} | |
.user-profile .use-default-image:hover{ | |
color:#f44336 | |
} | |
.user-profile .project-details-form-data{ | |
-ms-flex:1; | |
flex:1; | |
max-width:500px | |
} | |
@media (max-width:767px){ | |
.user-profile form{ | |
display:block | |
} | |
} | |
.user-profile .actions{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-top:.5rem | |
} | |
.user-profile .delete-account,.user-profile .download-profile{ | |
font-size:.9rem; | |
display:block; | |
-ms-flex:1; | |
flex:1; | |
margin-top:.5rem | |
} | |
.user-profile .delete-account{ | |
text-align:right | |
} | |
.wiki-nav{ | |
padding:0; | |
width:240px | |
} | |
.wiki-nav .title{ | |
font-size:1.6rem; | |
padding:2rem 1rem 0 2rem | |
} | |
.wiki-nav .add-button{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem 1rem 1rem 2rem; | |
text-transform:uppercase | |
} | |
.wiki-nav .add-button:hover svg{ | |
background:#8c9eff | |
} | |
.wiki-nav .add-button svg{ | |
width:1.25rem; | |
height:1.25rem; | |
background:#BDBDBD; | |
border-radius:2px; | |
fill:#fff; | |
margin-right:.5rem; | |
padding:.25rem; | |
transition:background .2s linear | |
} | |
.wiki-nav .wiki-link-container{ | |
margin:0 | |
} | |
.wiki-nav .wiki-link-container.wiki-all-links{ | |
border-top:1px solid #BDBDBD | |
} | |
.wiki-nav input[type=text]{ | |
background:#EEE; | |
color:#424242; | |
margin:1rem 1rem 1rem 2rem; | |
width:80% | |
} | |
.wiki-nav input[type=text]::-webkit-input-placeholder{ | |
color:#BDBDBD | |
} | |
.wiki-nav input[type=text]::-moz-placeholder{ | |
color:#BDBDBD | |
} | |
.wiki-nav input[type=text]:-moz-placeholder{ | |
color:#BDBDBD | |
} | |
.wiki-nav input[type=text]:-ms-input-placeholder{ | |
color:#BDBDBD | |
} | |
.wiki-nav .loading{ | |
padding:1rem; | |
text-align:center | |
} | |
.wiki-link{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-left:2rem; | |
padding-right:1rem; | |
position:relative | |
} | |
.wiki-link:hover .remove-wiki-page{ | |
cursor:pointer; | |
opacity:1; | |
transition:opacity .2s linear; | |
transition-delay:.1s | |
} | |
.wiki-link:hover .dragger{ | |
cursor:move; | |
opacity:1; | |
transition:opacity .2s linear; | |
transition-delay:.1s | |
} | |
.wiki-link.gu-mirror{ | |
border-bottom:0 | |
} | |
.wiki-link.fixed-link{ | |
font-size:1.2rem; | |
text-transform:uppercase | |
} | |
.wiki-link.is-sortable{ | |
cursor:move | |
} | |
.wiki-link .link-title{ | |
cursor:pointer; | |
display:block; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:1rem 0 | |
} | |
.wiki-link .dragger{ | |
fill:#BDBDBD; | |
left:-1rem; | |
opacity:0; | |
position:absolute; | |
top:1rem | |
} | |
.wiki-link .dragger svg{ | |
width:.7rem; | |
height:.7rem | |
} | |
.wiki-link .remove-wiki-page{ | |
opacity:0 | |
} | |
.wiki-link .remove-wiki-page:hover .icon{ | |
fill:#f44336 | |
} | |
.wiki-pages-table{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.wiki-pages-table .row{ | |
padding:.5rem | |
} | |
.wiki-pages-table .title{ | |
font-size:1rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.wiki-pages-table .table-main{ | |
font-size:.9rem | |
} | |
.wiki-pages-table .title-field{ | |
-ms-flex-preferred-size:180px; | |
flex-basis:180px; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.wiki-pages-table .created-field,.wiki-pages-table .modified-field{ | |
-ms-flex-preferred-size:10vw; | |
flex-basis:10vw; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.5rem | |
} | |
.wiki-pages-table .editions-field{ | |
-ms-flex-preferred-size:80px; | |
flex-basis:80px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.5rem; | |
text-align:center | |
} | |
.wiki-pages-table .creator-field,.wiki-pages-table .last-modifier-field{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:200px; | |
flex-basis:200px | |
} | |
.wiki-pages-table .creator-field .user-avatar,.wiki-pages-table .last-modifier-field .user-avatar{ | |
-ms-flex-positive:0; | |
flex-grow:0 | |
} | |
.wiki-pages-table .creator-field .user-avatar img,.wiki-pages-table .last-modifier-field .user-avatar img{ | |
height:2rem | |
} | |
.wiki-pages-table .creator-field .user-full-name,.wiki-pages-table .last-modifier-field .user-full-name{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding:.5rem | |
} | |
.wiki-summary{ | |
-ms-flex-align:center; | |
align-items:center; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin-top:1rem | |
} | |
.wiki-summary.summary{ | |
background:#f5f5f5; | |
color:#757575 | |
} | |
.wiki-summary div{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-right:1.25rem | |
} | |
.wiki-summary .wiki-user-modification{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
.wiki-summary .avatar{ | |
margin-right:.5rem; | |
width:2.25rem | |
} | |
.wiki-summary img{ | |
height:100%; | |
width:100% | |
} | |
.wiki-summary .username{ | |
font-size:1.2rem; | |
white-space:nowrap | |
} | |
.wiki-summary .remove{ | |
fill:#BDBDBD; | |
margin-left:auto; | |
transition:fill .1s linear | |
} | |
.wiki-summary .remove:hover{ | |
cursor:pointer; | |
fill:#ff5252 | |
} | |
.wiki-summary .remove svg{ | |
width:1.5rem; | |
height:1.5rem | |
} | |
.attachment-gallery{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:25%; | |
flex-basis:25%; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin-top:1rem | |
} | |
.attachment-gallery .single-attachment{ | |
margin-bottom:.5rem; | |
margin-right:.5rem; | |
max-width:200px | |
} | |
.attachment-gallery .single-attachment:hover .icon-delete{ | |
opacity:1 | |
} | |
.attachment-gallery .single-attachment .attachment-name{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
max-width:175px; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
display:inline-block | |
} | |
.attachment-gallery .attachment-image{ | |
display:inline-block | |
} | |
.attachment-gallery img{ | |
height:150px; | |
margin-bottom:.2rem; | |
width:200px | |
} | |
.attachment-gallery img:hover{ | |
-webkit-filter:saturate(150%) hue-rotate(60deg); | |
filter:saturate(150%) hue-rotate(60deg); | |
transition:all .3s cubic-bezier(.01,.7,1,1) | |
} | |
.attachment-gallery.deprecated img{ | |
opacity:.5 | |
} | |
.attachment-gallery.deprecated .attachment-name{ | |
color:#BDBDBD | |
} | |
.attachment-gallery .attachment-data{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.attachment-gallery .icon-delete{ | |
margin-left:auto; | |
opacity:0; | |
transition:opacity .2s ease-in; | |
transition-delay:.1s | |
} | |
.attachment-gallery .icon-delete svg{ | |
fill:#ff5252 | |
} | |
.attachment-gallery .icon-delete:hover svg{ | |
color:#f44336 | |
} | |
.attachment-gallery .loading-container{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:150px; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin:0 .5rem .5rem 0; | |
width:200px | |
} | |
.attachment-gallery .loading-spinner{ | |
margin:0 auto; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.attachment-list .single-attachment{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem 0 .5rem .5rem; | |
position:relative | |
} | |
.attachment-list .single-attachment:hover .settings{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.attachment-list .single-attachment.deprecated,.attachment-list .single-attachment.deprecated .attachment-name a{ | |
color:#BDBDBD | |
} | |
.attachment-list .attachment-name{ | |
display:inline-block; | |
max-width:90%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
-ms-flex-preferred-size:25%; | |
flex-basis:25%; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
padding-right:1rem | |
} | |
.attachment-list .attachment-comments,.attachment-list .editable-attachment-comment{ | |
-ms-flex:2; | |
flex:2; | |
-ms-flex-preferred-size:50%; | |
flex-basis:50%; | |
margin-right:.5rem | |
} | |
.attachment-list .attachment-comments span,.attachment-list .editable-attachment-comment span{ | |
color:#757575 | |
} | |
.attachment-list .attachment-size{ | |
-ms-flex-preferred-size:125px; | |
flex-basis:125px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.attachment-list .attachment-settings{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:10%; | |
flex-basis:10%; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
margin-left:auto | |
} | |
.attachment-list .attachment-settings .settings{ | |
opacity:0 | |
} | |
.attachments .gu-mirror,.card-owner:hover .card-owner-actions{ | |
opacity:1 | |
} | |
.attachment-list .attachment-settings .editable-settings{ | |
display:block; | |
opacity:1 | |
} | |
.attachment-list .attachment-settings svg{ | |
fill:#BDBDBD; | |
pointer-events:none | |
} | |
.attachment-list .attachment-settings .icon-edit:hover,.attachment-list .attachment-settings .icon-save:hover{ | |
fill:#3f51b5 | |
} | |
.attachment-list .attachment-settings .icon-close:hover,.attachment-list .attachment-settings .icon-trash:hover{ | |
fill:#f44336 | |
} | |
.attachment-list .attachment-settings .icon-drag{ | |
cursor:move | |
} | |
.attachment-list .editable-attachment-deprecated{ | |
display:-ms-flexbox; | |
display:flex; | |
padding-left:1rem | |
} | |
.attachment-list .editable-attachment-deprecated span{ | |
color:#BDBDBD | |
} | |
.attachment-list .editable-attachment-deprecated input{ | |
margin-right:.2rem; | |
vertical-align:middle | |
} | |
.attachment-list .editable-attachment-deprecated input:checked+span{ | |
color:#424242 | |
} | |
.attachment-list .percentage{ | |
background:rgba(63,81,181,.1); | |
bottom:0; | |
height:40px; | |
left:0; | |
position:absolute; | |
top:0; | |
width:45% | |
} | |
.attachments{ | |
margin-bottom:4rem | |
} | |
.attachments .gu-transit{ | |
background:#EEE; | |
height:40px | |
} | |
.attachments .gu-transit *{ | |
display:none | |
} | |
.attachments .gu-mirror form{ | |
background:#fff; | |
box-shadow:1px 1px 10px rgba(0,0,0,.1); | |
transition:background .2s ease-in | |
} | |
.attachments-header{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
min-height:36px | |
} | |
.attachments-header .attachments-title{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
font-size:1rem; | |
color:#424242; | |
line-height:36px; | |
padding:0 1rem | |
} | |
.attachments-header .options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.attachments-header label{ | |
cursor:pointer; | |
margin-left:.25rem | |
} | |
.attachments-header label.add-attachment-button{ | |
background:#757575; | |
border:0; | |
display:inline-block; | |
padding:.5rem; | |
transition:background .25s | |
} | |
.attachments-header label.add-attachment-button:hover{ | |
background:#8c9eff | |
} | |
.attachments-header label svg{ | |
fill:#fff; | |
height:1.2rem; | |
margin-bottom:-.2rem; | |
width:1.2rem | |
} | |
.attachments-header button{ | |
background:0 0; | |
margin-right:.2rem | |
} | |
.attachments-header button.is-active svg,.attachments-header button:hover svg{ | |
fill:#8c9eff | |
} | |
.attachments-header button svg{ | |
fill:#BDBDBD; | |
height:1.6rem; | |
width:1.6rem | |
} | |
.attachments-header .size-info{ | |
font-size:.9rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#757575; | |
padding-left:1rem | |
} | |
.attachments-empty,.single-attachment .attachment-name{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.more-attachments span,.single-attachment .attachment-size{ | |
color:#BDBDBD | |
} | |
.attachments-header input{ | |
display:none | |
} | |
.attachments-empty{ | |
font-size:1.2rem; | |
border:3px dashed #EEE; | |
color:#BDBDBD; | |
margin-top:.5rem; | |
padding:1rem; | |
text-align:center | |
} | |
.single-attachment{ | |
font-size:.9rem; | |
background:rgba(255,255,255,.9) | |
} | |
.single-attachment .attachment-name{ | |
padding-right:1rem | |
} | |
.single-attachment .attachment-name svg{ | |
fill:#757575; | |
height:.9rem; | |
margin-right:.25rem; | |
width:.9rem | |
} | |
.more-attachments{ | |
font-size:.9rem; | |
border-bottom:1px solid #BDBDBD; | |
display:block; | |
padding:1rem 0 1rem 1rem | |
} | |
.more-attachments .more-attachments-num{ | |
color:#3f51b5; | |
margin-left:.5rem | |
} | |
.more-attachments:hover{ | |
background:#fff; | |
transition:background .2s ease-in | |
} | |
.attachment-preview .attachment-preview-container svg{ | |
width:3rem; | |
height:3rem; | |
fill:#BDBDBD | |
} | |
.attachment-preview .attachment-preview-container svg:hover{ | |
fill:#8c9eff; | |
transition:fill .3s linear | |
} | |
.attachment-preview .previous{ | |
left:3rem; | |
position:absolute; | |
top:calc(50% - 3rem) | |
} | |
.attachment-preview .next{ | |
position:absolute; | |
right:3rem; | |
top:calc(50% - 3rem) | |
} | |
.attachment-preview img{ | |
max-height:80vh; | |
max-width:80vw | |
} | |
.assignable-member-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.25rem 0 | |
} | |
.assigned-members-option .assignable-member-single{ | |
background:#fff; | |
border-bottom:1px solid #EEE; | |
cursor:pointer | |
} | |
.assignable-member-single:hover{ | |
background:rgba(140,158,255,.05) | |
} | |
.assignable-member-single .assignable-member-avatar{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
margin-right:.5rem; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.assignable-member-single .assignable-member-name{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.assigned-to-container{ | |
width:600px | |
} | |
.assignable-member-list{ | |
margin-top:1rem | |
} | |
.assignable-member-list .assigned-member{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:rgba(140,158,255,.05); | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:1rem | |
} | |
.assignable-member-list .unassign-epic{ | |
cursor:pointer; | |
margin-right:1rem | |
} | |
.assignable-member-list .icon{ | |
fill:#ff5252; | |
transition:fill .2s | |
} | |
.assignable-member-list .icon:hover{ | |
cursor:pointer; | |
fill:#f44336 | |
} | |
.belong-to-epic-pill-wrapper{ | |
display:inline-block; | |
position:relative | |
} | |
.belong-to-epic-pill-wrapper:hover .belong-to-epic-pill-data{ | |
display:block | |
} | |
.belong-to-epic-pill{ | |
background-color:#f5f5f5; | |
border-radius:50%; | |
display:inline-block; | |
height:.7rem; | |
margin:0 .1rem; | |
position:relative; | |
width:.7rem | |
} | |
.belong-to-epic-text-wrapper{ | |
margin-right:1rem | |
} | |
.belong-to-epic-text{ | |
margin-left:.25rem | |
} | |
.belong-to-epic-label{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.75rem; | |
background:#424242; | |
border-radius:.25rem; | |
color:#fff; | |
margin:0 .5rem; | |
padding:.1rem .25rem | |
} | |
.detail-title-wrapper,.edit-title-wrapper{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.range-slider{ | |
-webkit-appearance:none; | |
display:block; | |
margin:7px 0; | |
width:200px | |
} | |
.range-slider:focus{ | |
outline:0 | |
} | |
.range-slider:focus::-webkit-slider-runnable-track{ | |
background:#1c2586 | |
} | |
.range-slider:focus::-webkit-slider-thumb{ | |
box-shadow:0 0 0 4px rgba(66,66,66,.3) | |
} | |
.range-slider:focus::-moz-range-thumb{ | |
box-shadow:0 0 0 4px rgba(66,66,66,.3) | |
} | |
.range-slider:focus::-ms-fill-lower{ | |
background:#EEE | |
} | |
.range-slider:focus::-ms-fill-upper{ | |
background:#f3f3f3 | |
} | |
.range-slider::-webkit-slider-runnable-track{ | |
width:200px; | |
height:3px; | |
cursor:pointer; | |
transition:all .2s ease; | |
background:#EEE; | |
border:0 solid transparent; | |
border-radius:1px | |
} | |
.range-slider::-webkit-slider-thumb{ | |
border:0 solid transparent; | |
height:14px; | |
width:14px; | |
border-radius:50%; | |
background:#424242; | |
cursor:pointer; | |
box-shadow:0 0 0 2px rgba(66,66,66,.3); | |
transition:box-shadow .2s; | |
-webkit-appearance:none; | |
margin-top:-5.5px | |
} | |
.range-slider::-moz-range-track{ | |
width:200px; | |
height:3px; | |
cursor:pointer; | |
transition:all .2s ease; | |
background:#EEE; | |
border:0 solid transparent; | |
border-radius:1px | |
} | |
.range-slider::-moz-range-thumb{ | |
border:0 solid transparent; | |
height:14px; | |
width:14px; | |
border-radius:50%; | |
background:#424242; | |
cursor:pointer; | |
box-shadow:0 0 0 2px rgba(66,66,66,.3); | |
transition:box-shadow .2s | |
} | |
.range-slider::-ms-track{ | |
width:200px; | |
height:3px; | |
cursor:pointer; | |
transition:all .2s ease; | |
background:0 0; | |
border-color:transparent; | |
border-width:14px 0; | |
color:transparent | |
} | |
.card-inner.card-blocked .card-estimation,.card-inner.card-blocked .card-owner-name,.card-inner.card-blocked .card-title a,.card-inner.card-blocked .statistic,.card-inner.card-blocked .statistic.active,.card-inner.card-blocked.zoom-0 .card-title,.card-inner.card-blocked.zoom-1 .card-title{ | |
color:#fff | |
} | |
.range-slider::-ms-fill-lower{ | |
background:#e9e9e9; | |
border:0 solid transparent; | |
border-radius:2px | |
} | |
.range-slider::-ms-fill-upper{ | |
background:#EEE; | |
border:0 solid transparent; | |
border-radius:2px | |
} | |
.range-slider::-ms-thumb{ | |
border:0 solid transparent; | |
height:14px; | |
width:14px; | |
border-radius:50%; | |
background:#424242; | |
cursor:pointer; | |
box-shadow:0 0 0 2px rgba(66,66,66,.3); | |
transition:box-shadow .2s | |
} | |
.card{ | |
box-shadow:2px 2px 4px #d5d5d5; | |
cursor:move; | |
display:block; | |
margin:0 .6rem .6rem; | |
outline:0; | |
overflow:hidden; | |
transition:box-shadow .2s ease-in | |
} | |
.card .loading-extra.loading{ | |
padding:.2rem; | |
text-align:center | |
} | |
.card:hover{ | |
box-shadow:3px 3px 6px #d5d5d5 | |
} | |
.card-inner{ | |
background:#fff; | |
border-radius:.25rem | |
} | |
.card-inner.zoom-0 .card-title,.card-inner.zoom-1 .card-title{ | |
-ms-flex:1; | |
flex:1; | |
margin:0; | |
padding:.25rem | |
} | |
.card-inner.zoom-1 .card-owner-info{ | |
-ms-flex-align:start; | |
align-items:flex-start | |
} | |
.card-inner.card-blocked{ | |
background:#ff5252 | |
} | |
.card-inner.card-blocked .card-owner-actions,.card-inner.card-blocked .card-unfold:hover{ | |
background:rgba(255,82,82,.9) | |
} | |
.card-inner.card-blocked svg{ | |
fill:#fff | |
} | |
.card-owner-actions:hover svg,.card-statistics .statistic.active svg{ | |
fill:currentColor | |
} | |
.card-tags{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.card-tags .card-tag{ | |
display:block; | |
-ms-flex:1; | |
flex:1; | |
height:.5rem | |
} | |
.card-owner{ | |
position:relative | |
} | |
.card-owner .card-owner-info{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.card-owner .card-owner-info.multiple .card-owner-avatar img{ | |
margin-right:.45rem | |
} | |
.card-owner .card-owner-avatar{ | |
line-height:0; | |
position:relative | |
} | |
.card-owner .is-iocaine{ | |
-webkit-filter:hue-rotate(265deg) saturate(3); | |
filter:hue-rotate(265deg) saturate(3) | |
} | |
.card-owner img{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
height:2.5rem; | |
margin-right:.5rem; | |
width:2.5rem | |
} | |
.card-owner .card-owner-name{ | |
color:#BDBDBD | |
} | |
.card-owner-actions{ | |
background:rgba(255,255,255,.9); | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
left:0; | |
opacity:0; | |
position:absolute; | |
top:0; | |
transition:all .2s; | |
width:100% | |
} | |
.card-owner-actions:hover{ | |
color:#8c9eff | |
} | |
.card-owner-actions .card-actions{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:0 .5rem | |
} | |
.card-owner-actions .card-delete:hover{ | |
color:#ff5252 | |
} | |
.card-owner-actions .icon{ | |
width:1.2rem; | |
height:1.2rem; | |
display:inline-block; | |
margin-right:.25rem; | |
padding:0 | |
} | |
.card-owner-actions a{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.6rem .5rem | |
} | |
.card-title{ | |
font-size:1rem; | |
line-height:1.25; | |
margin-bottom:.25rem; | |
padding:1rem 1rem 0 | |
} | |
.card-title span{ | |
padding-right:.25rem | |
} | |
.card-data{ | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
font-size:14px; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:0 1rem .5rem | |
} | |
.card-data .card-estimation.not-estimated{ | |
font-size:.8125rem | |
} | |
.card-statistics{ | |
font-size:.9rem; | |
color:#fdfdfd; | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:auto | |
} | |
.card-statistics .statistic{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:.5rem | |
} | |
.card-statistics .statistic.active{ | |
color:#8c9eff | |
} | |
.card-statistics .statistic.card-iocaine{ | |
cursor:help | |
} | |
.card-statistics .statistic.card-votes{ | |
margin-left:.2rem | |
} | |
.card-statistics .statistic.card-due-date{ | |
margin-left:.1rem | |
} | |
.card-statistics .icon{ | |
width:.75rem; | |
height:.75rem; | |
fill:#fdfdfd; | |
margin-right:.2rem | |
} | |
.card-statistics .icon-iocaine{ | |
fill:#9c27b0 | |
} | |
.card-completion{ | |
margin:0 1rem .5rem; | |
position:relative | |
} | |
.card-completion .card-completion-bar{ | |
background:#EEE; | |
height:.4rem; | |
width:100% | |
} | |
.card-completion .card-completion-percentage{ | |
background:#8c9eff; | |
cursor:pointer; | |
height:.4rem; | |
left:0; | |
position:absolute; | |
top:0 | |
} | |
.card-completion .card-completion-percentage:hover+.card-tooltip{ | |
opacity:1 | |
} | |
.card-completion .card-tooltip{ | |
background:#212121; | |
border-radius:5px; | |
color:#fff; | |
font-size:14px; | |
left:calc(25% - 50px); | |
opacity:0; | |
padding:.25rem 1rem; | |
position:absolute; | |
text-align:center; | |
top:-2.25rem; | |
transition:opacity .2s; | |
width:100px | |
} | |
.card-completion .card-tooltip::after{ | |
background:#000; | |
content:''; | |
height:10px; | |
left:50%; | |
position:absolute; | |
top:70%; | |
transform:rotate(45deg); | |
width:10px | |
} | |
.color-selector .tag-color.empty-color:after,.color-selector .tag-color.empty-color:before{ | |
content:""; | |
top:0; | |
height:48px; | |
width:2px; | |
background:#ff8282; | |
position:absolute | |
} | |
.card-unfold{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin:0; | |
outline:0; | |
padding:.25rem | |
} | |
.card-unfold:hover{ | |
background:linear-gradient(to bottom,#fff,#fcfcfc) | |
} | |
.card-unfold svg{ | |
width:2rem; | |
height:.3rem; | |
fill:#EEE | |
} | |
.card-tasks{ | |
border-top:1px solid #EEE; | |
margin:.5rem 0 0; | |
padding:0 | |
} | |
.card-task{ | |
font-size:.75rem; | |
border-bottom:1px solid #EEE | |
} | |
.card-task a{ | |
color:#BDBDBD; | |
display:block; | |
overflow:hidden; | |
padding:.5rem .75rem; | |
text-overflow:ellipsis; | |
transition:color .2s; | |
white-space:nowrap | |
} | |
.card-task a.blocked-task{ | |
color:#ff5252 | |
} | |
.card-task a.closed-task{ | |
color:#BDBDBD; | |
text-decoration:line-through | |
} | |
.card-task a:hover{ | |
color:#3f51b5 | |
} | |
.detail-header-container.blocked,.detail-header-container.blocked .detail-number,.detail-header-container.blocked .detail-subject,.detail-header-container.blocked a{ | |
color:#fff | |
} | |
.card-slideshow{ | |
position:relative | |
} | |
.card-slideshow:hover .slideshow-left,.card-slideshow:hover .slideshow-right{ | |
background:rgba(255,255,255,.2); | |
padding:.25rem; | |
transition:background .2s | |
} | |
.card-slideshow .slideshow-icon{ | |
cursor:pointer; | |
position:absolute; | |
top:35% | |
} | |
.card-slideshow .slideshow-icon:hover{ | |
background:rgba(140,158,255,.5); | |
transition:background .2s | |
} | |
.card-slideshow svg{ | |
width:1.2rem; | |
height:1.2rem; | |
transition:fill .2s | |
} | |
.card-slideshow .slideshow-left,.card-slideshow .slideshow-right{ | |
background:0 0; | |
padding:.25rem | |
} | |
.card-slideshow .slideshow-left{ | |
left:0 | |
} | |
.card-slideshow .slideshow-right{ | |
right:0 | |
} | |
.card-slideshow img{ | |
width:100% | |
} | |
.card-slideshow-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:120px; | |
-ms-flex-pack:center; | |
justify-content:center; | |
overflow:hidden | |
} | |
.card-slideshow-wrapper .loading-spinner{ | |
min-height:3rem; | |
min-width:3rem | |
} | |
.color-selector{ | |
position:relative | |
} | |
.color-selector .tag-color{ | |
cursor:pointer; | |
height:2.25rem; | |
width:2.25rem; | |
min-width:2.25rem; | |
border:1px solid #BDBDBD; | |
border-radius:0; | |
margin:0; | |
transition:background .3s ease-out | |
} | |
.color-selector .tag-color:nth-child(7n){ | |
margin-right:0 | |
} | |
.color-selector .tag-color.disabled{ | |
cursor:auto | |
} | |
.color-selector .tag-color.empty-color{ | |
background:#f5f5f5; | |
border:1px solid #EEE; | |
position:relative | |
} | |
.color-selector .tag-color.empty-color:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.color-selector .tag-color.empty-color:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.color-selector-dropdown{ | |
background:#212121; | |
left:0; | |
padding:1rem; | |
position:absolute; | |
top:2.25rem; | |
width:332px; | |
z-index:99 | |
} | |
.color-selector-dropdown-list{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
list-style-type:none; | |
margin-bottom:0 | |
} | |
.color-selector-dropdown-list .color-selector-option{ | |
border-radius:2px; | |
cursor:pointer; | |
height:2.25rem; | |
width:2.25rem; | |
min-width:2.25rem; | |
margin:0 .5rem .5rem 0 | |
} | |
.color-selector-dropdown-list .color-selector-option:nth-child(7n){ | |
margin-right:0 | |
} | |
.color-selector-dropdown-list .empty-color{ | |
border-radius:2px; | |
cursor:pointer; | |
height:2.25rem; | |
width:2.25rem; | |
min-width:2.25rem; | |
margin:0 .5rem .5rem 0; | |
background:#f5f5f5; | |
border:1px solid #EEE; | |
position:relative | |
} | |
.color-selector-dropdown-list .empty-color:after,.color-selector-dropdown-list .empty-color:before{ | |
width:2px; | |
height:48px; | |
background:#ff8282; | |
position:absolute; | |
top:0; | |
content:"" | |
} | |
.color-selector-dropdown-list .empty-color:nth-child(7n){ | |
margin-right:0 | |
} | |
.color-selector-dropdown-list .empty-color:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.color-selector-dropdown-list .empty-color:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.custom-color-selector{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.custom-color-selector .custom-color-input{ | |
margin:0; | |
width:100% | |
} | |
.custom-color-selector .display-custom-color-wrapper{ | |
background:#f5f5f5; | |
margin-right:.5rem | |
} | |
.custom-color-selector .display-custom-color{ | |
border-radius:2px; | |
cursor:pointer; | |
height:2.25rem; | |
width:2.25rem; | |
min-width:2.25rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin:0 | |
} | |
.custom-color-selector .display-custom-color:nth-child(7n){ | |
margin-right:0 | |
} | |
.custom-color-selector .display-custom-color.empty-color{ | |
background:#f5f5f5; | |
border:1px solid #EEE; | |
position:relative; | |
cursor:default | |
} | |
.custom-color-selector .display-custom-color.empty-color:after{ | |
content:""; | |
width:2px; | |
height:48px; | |
background:#ff8282; | |
transform:rotate(-45deg); | |
position:absolute; | |
top:0; | |
left:0; | |
transform-origin:top | |
} | |
.custom-color-selector .display-custom-color.empty-color:before{ | |
content:""; | |
width:2px; | |
height:48px; | |
background:#ff8282; | |
transform:rotate(45deg); | |
position:absolute; | |
top:0; | |
right:0; | |
transform-origin:top | |
} | |
.detail-header-container{ | |
background:#f5f5f5; | |
-ms-flex:1; | |
flex:1; | |
padding:1rem; | |
position:relative | |
} | |
.detail-header-container.blocked,.detail-title-wrapper.blocked{ | |
background:#f44336; | |
transition:all .2s linear | |
} | |
.detail-header-container:hover .detail-edit{ | |
opacity:1 | |
} | |
.detail-header-container.blocked svg{ | |
fill:#fff | |
} | |
.detail-header-container .belong-to-epics-wrapper,.detail-header-container .block-desc-container,.detail-header-container .issue-external-reference,.detail-header-container .item-generated-us,.detail-header-container .item-origin-issue,.detail-header-container .task-belongs-to{ | |
font-size:.9rem; | |
margin-top:.5rem | |
} | |
.detail-header-container .issue-external-reference a,.detail-header-container .item-generated-us a,.detail-header-container .item-origin-issue a,.detail-header-container .task-belongs-to a{ | |
cursor:pointer; | |
padding:0 .2rem | |
} | |
.detail-header-container .issue-external-reference .item-ref,.detail-header-container .item-generated-us .item-ref,.detail-header-container .item-origin-issue .item-ref,.detail-header-container .task-belongs-to .item-ref{ | |
padding:0 .2rem | |
} | |
.detail-title-wrapper{ | |
font-size:1.6rem; | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex; | |
max-width:95%; | |
position:relative; | |
transition:all .2s linear | |
} | |
.detail-title-wrapper .detail-title-text{ | |
line-height:normal; | |
margin:0 | |
} | |
.detail-title-wrapper .detail-number{ | |
color:#BDBDBD; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:.5rem | |
} | |
.detail-title-wrapper .detail-subject{ | |
color:#757575; | |
-ms-flex-positive:1; | |
flex-grow:1 | |
} | |
.detail-title-wrapper .detail-edit{ | |
cursor:pointer; | |
margin-left:.75rem; | |
opacity:0; | |
transition:opacity .2s | |
} | |
.detail-title-wrapper .detail-edit svg,.detail-title-wrapper .due-date-icon svg{ | |
width:1.3rem; | |
height:1.3rem | |
} | |
.detail-title-wrapper.readonly .due-date-icon{ | |
margin-left:2.7rem | |
} | |
.edit-title-wrapper{ | |
font-size:1.6rem; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1 | |
} | |
.edit-title-wrapper .edit-title-input{ | |
background:#fff; | |
-ms-flex:1; | |
flex:1 | |
} | |
.edit-title-wrapper .edit-title-button{ | |
background:0 0; | |
display:inline; | |
margin-left:1rem; | |
transition:fill .2s | |
} | |
.due-date-icon,.issue-nav a{ | |
display:inline-block | |
} | |
.edit-title-wrapper .edit-title-button:hover{ | |
fill:#3f51b5 | |
} | |
.block-desc-container .block-description-title{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
margin-right:.5rem | |
} | |
.issue-nav{ | |
position:absolute; | |
right:1rem; | |
top:1rem | |
} | |
.issue-nav svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:currentColor | |
} | |
.due-date-button,[disabled].due-date-button{ | |
background:#BDBDBD; | |
display:inline-block; | |
margin-right:.5rem; | |
padding:1rem; | |
transition:background .2s linear; | |
transition-delay:.1s | |
} | |
.due-date-button.closed,[disabled].due-date-button.closed{ | |
background:#B8B8B8 | |
} | |
.due-date-button.due-set,[disabled].due-date-button.due-set{ | |
background:#9dce0a | |
} | |
.due-date-button.due-soon,[disabled].due-date-button.due-soon{ | |
background:#fcaf3e | |
} | |
.due-date-button.past-due,[disabled].due-date-button.past-due{ | |
background:#ff5252 | |
} | |
.due-date-button:hover,[disabled].due-date-button:hover{ | |
background:#757575 | |
} | |
.due-date-button.editable,[disabled].due-date-button.editable{ | |
cursor:pointer | |
} | |
.due-date-icon{ | |
margin:0 .25rem; | |
position:relative | |
} | |
.due-date-icon svg{ | |
fill:#BDBDBD; | |
transition:fill .2s ease-in | |
} | |
.due-date-icon.closed svg{ | |
fill:#B8B8B8 | |
} | |
.due-date-icon.due-set svg{ | |
fill:#9dce0a | |
} | |
.due-date-icon.due-soon svg{ | |
fill:#fcaf3e | |
} | |
.due-date-icon.past-due svg{ | |
fill:#ff5252 | |
} | |
.backlog-table-body .user-story-name .due-date-icon,.related-tasks .task-name .due-date-icon{ | |
top:.1rem | |
} | |
.issues-table .subject .due-date-icon{ | |
top:.25rem | |
} | |
.card-statistics .due-date-icon{ | |
margin:.1rem 0 0 | |
} | |
.card-statistics .due-date-icon svg{ | |
height:.9rem; | |
width:.9rem | |
} | |
tg-filter{ | |
background-color:#f5f5f5; | |
box-shadow:1px 1px 5px rgba(63,81,181,.2); | |
display:block; | |
left:0; | |
min-height:100%; | |
padding:1rem 0; | |
position:absolute; | |
top:0; | |
transform:translateX(-260px); | |
transition-duration:.5s; | |
width:260px; | |
z-index:1 | |
} | |
tg-filter .filters-applied{ | |
padding:0 1rem 1rem | |
} | |
tg-filter .filters-applied .single-filter:hover{ | |
color:currentColor; | |
cursor:default; | |
opacity:.5; | |
transition:none | |
} | |
tg-filter form,tg-filter h1{ | |
padding:0 1rem | |
} | |
tg-filter input{ | |
background:#424242; | |
color:#fff; | |
padding-right:2rem | |
} | |
tg-filter input::-webkit-input-placeholder{ | |
color:#BDBDBD | |
} | |
tg-filter input::-moz-placeholder{ | |
color:#BDBDBD | |
} | |
tg-filter input:-moz-placeholder{ | |
color:#BDBDBD | |
} | |
tg-filter input:-ms-input-placeholder{ | |
color:#BDBDBD | |
} | |
tg-filter .search-action{ | |
position:absolute; | |
right:.7rem; | |
top:.7rem | |
} | |
tg-filter.open{ | |
transform:translateX(0) | |
} | |
.filter-list{ | |
overflow-y:auto; | |
padding:1rem | |
} | |
.filters-step-cat{ | |
margin-top:2rem | |
} | |
.filters-cats ul{ | |
margin-bottom:0 | |
} | |
.filters-cats li{ | |
border-bottom:1px solid #BDBDBD; | |
text-transform:uppercase | |
} | |
.filters-cats li.selected{ | |
border-bottom:0 | |
} | |
.filters-cats .custom-filters .title{ | |
color:#3f51b5 | |
} | |
.filters-cats .filters-cat-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
color:#424242; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem .5rem .5rem 1.5rem; | |
transition:color .2s ease-in | |
} | |
.filters-cats .filters-cat-single.selected,.filters-cats .filters-cat-single:hover{ | |
background-color:#d5d5d5; | |
color:#424242; | |
transition:background-color .2s ease-in | |
} | |
.filters-cats .filters-cat-single.selected .icon,.filters-cats .filters-cat-single:hover .icon{ | |
opacity:1; | |
transition:opacity .2s ease-in | |
} | |
.filters-cats .icon-arrow-down{ | |
fill:currentColor; | |
float:right; | |
height:.9rem; | |
opacity:0; | |
transition:opacity .2s ease-in; | |
width:.9rem | |
} | |
.single-filter{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#e1e1e1; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:.5rem; | |
opacity:.5; | |
padding-right:.5rem; | |
position:relative | |
} | |
.live-announcement-inner .title,.live-announcement-inner .warning a{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.single-filter::after{ | |
clear:both; | |
content:""; | |
display:block | |
} | |
.single-filter:hover{ | |
background:#dadada; | |
opacity:1; | |
transition:opacity .2s linear | |
} | |
.single-filter.active,.single-filter.selected{ | |
color:#424242; | |
opacity:1; | |
transition:opacity .2s linear | |
} | |
.single-filter .name,.single-filter .number{ | |
padding:8px 10px | |
} | |
.single-filter .name{ | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
word-wrap:normal; | |
border-color:transparent; | |
border-style:solid; | |
border-width:0 0 0 3px; | |
display:block; | |
width:100% | |
} | |
.profile-bar .not-full-name,.profile-bar h1,.wysiwyg p{ | |
word-wrap:break-word | |
} | |
.single-filter .number{ | |
background:#bbb; | |
position:absolute; | |
right:0; | |
top:0 | |
} | |
.single-filter .remove-filter{ | |
cursor:pointer; | |
display:block | |
} | |
.single-filter .remove-filter svg{ | |
fill:#757575; | |
transition:fill .2s linear | |
} | |
.single-filter .remove-filter:hover svg{ | |
fill:#f44336 | |
} | |
.live-announcement{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
background:#107a8a; | |
display:-ms-flexbox; | |
display:flex; | |
height:0; | |
-ms-flex-pack:center; | |
justify-content:center; | |
overflow:hidden; | |
pointer-events:none; | |
position:fixed; | |
top:0; | |
transition:width .5s,height .5s; | |
transition-delay:.5s; | |
width:0; | |
z-index:99 | |
} | |
.live-announcement .live-announcement-inner{ | |
opacity:0; | |
transition:opacity .5s; | |
width:100% | |
} | |
.live-announcement.visible{ | |
height:146px; | |
pointer-events:auto; | |
transition-delay:0s; | |
width:100% | |
} | |
.live-announcement.visible .live-announcement-inner{ | |
opacity:1; | |
transition:opacity .5s .5s | |
} | |
.live-announcement-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
max-width:1200px | |
} | |
.live-announcement-inner .announcement-decoration{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
margin-right:1rem | |
} | |
.live-announcement-inner .text{ | |
padding:1.25rem 3rem 1.25rem 2rem; | |
position:relative; | |
width:100% | |
} | |
.live-announcement-inner .title{ | |
font-size:1.6rem; | |
color:#0b525c; | |
margin-bottom:.5rem | |
} | |
.add-tag-button .add-tag-text,.tag{ | |
font-size:.9rem | |
} | |
.live-announcement-inner .warning,.live-announcement-inner .warning a{ | |
color:#0b525c | |
} | |
.live-announcement-inner .close{ | |
display:block; | |
position:absolute; | |
right:0; | |
top:1rem | |
} | |
.live-announcement-inner .close svg{ | |
width:2rem; | |
height:2rem; | |
fill:#138ea1; | |
pointer-events:none; | |
transition:fill .2s | |
} | |
.live-announcement-inner .close svg:hover{ | |
fill:#0b525c | |
} | |
.add-tag-input{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
position:relative; | |
width:250px | |
} | |
.add-tag-input input{ | |
border-color:#BDBDBD; | |
padding:6px; | |
width:14rem | |
} | |
.add-tag-input .save{ | |
cursor:pointer; | |
display:inline-block; | |
fill:#424242; | |
margin:.5rem 0 0 .5rem; | |
transition:.2s linear | |
} | |
.add-tag-input .save:hover{ | |
fill:#3f51b5 | |
} | |
.add-tag-input .tags-dropdown{ | |
font-size:.9rem; | |
background:#fff; | |
border:1px solid #BDBDBD; | |
border-top:0; | |
box-shadow:2px 2px 3px rgba(0,0,0,.2); | |
left:0; | |
max-height:20vh; | |
min-height:0; | |
overflow-x:hidden; | |
overflow-y:auto; | |
position:absolute; | |
top:2.25rem; | |
width:85%; | |
z-index:99 | |
} | |
.add-tag-input .tags-dropdown-option{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem | |
} | |
.tags-block,.terms-announcement{ | |
align-content:center; | |
display:-ms-flexbox | |
} | |
.add-tag-input .tags-dropdown-color{ | |
height:1rem; | |
width:1rem | |
} | |
.add-tag-input li.selected,.add-tag-input li:hover{ | |
background:#fff; | |
cursor:pointer; | |
transition:.2s; | |
transition-delay:.1s | |
} | |
.tags-block{ | |
-ms-flex-line-pack:center; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap | |
} | |
.add-tag-button,.tag{ | |
display:inline-block | |
} | |
.add-tag-button{ | |
color:#BDBDBD; | |
cursor:pointer | |
} | |
.add-tag-button:hover{ | |
color:#8c9eff | |
} | |
.add-tag-button .icon-add{ | |
width:.9rem; | |
height:.9rem; | |
fill:currentColor; | |
margin:.5rem .25rem 0 0 | |
} | |
.tag{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
background:#f5f5f5; | |
border-left:5px solid; | |
border-radius:0 5px 5px 0; | |
color:#424242; | |
margin:0 .5rem .5rem 0; | |
padding:.5rem; | |
text-align:center | |
} | |
.terms-announcement-inner .title,.terms-announcement-inner .warning a{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.tag .icon-close{ | |
width:.7rem; | |
height:.7rem; | |
cursor:pointer; | |
fill:#ff5252; | |
margin-left:.25rem | |
} | |
.tag .loading-spinner{ | |
height:1rem; | |
width:1rem | |
} | |
.terms-announcement{ | |
-ms-flex-line-pack:center; | |
background:#107a8a; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
overflow:hidden; | |
pointer-events:none; | |
position:fixed; | |
top:0; | |
transition:width .5s,height .5s; | |
transition-delay:.5s; | |
width:0; | |
z-index:99 | |
} | |
.terms-announcement .terms-announcement-inner{ | |
opacity:0; | |
transition:opacity .5s; | |
width:100% | |
} | |
.terms-announcement.visible{ | |
min-height:146px; | |
pointer-events:auto; | |
transition-delay:0s; | |
width:100% | |
} | |
.terms-announcement.visible .terms-announcement-inner{ | |
opacity:1; | |
transition:opacity .5s .5s | |
} | |
.terms-announcement-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
max-width:1200px | |
} | |
.terms-announcement-inner .announcement-decoration{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
height:auto; | |
margin-right:1rem | |
} | |
.terms-announcement-inner .text{ | |
padding:1.25rem 3rem 1.25rem 2rem; | |
position:relative; | |
width:100% | |
} | |
.terms-announcement-inner .title{ | |
font-size:1.6rem; | |
color:#0b525c; | |
margin-bottom:.5rem | |
} | |
.terms-announcement-inner .warning,.terms-announcement-inner .warning a{ | |
color:#0b525c | |
} | |
.tribe-linked.is-active .delete-link,.tribe-linked.is-active .gig-title{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.terms-announcement-inner .close{ | |
display:block; | |
position:absolute; | |
right:.5rem; | |
top:1rem | |
} | |
.terms-announcement-inner .close svg{ | |
width:2rem; | |
height:2rem; | |
fill:#f5f5f5; | |
pointer-events:none; | |
transition:fill .2s | |
} | |
.terms-announcement-inner .close svg:hover{ | |
fill:#0b525c | |
} | |
.terms-announcement-inner a{ | |
color:#f5f5f5 | |
} | |
.tribe-linked{ | |
margin-left:auto; | |
overflow:hidden; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:99 | |
} | |
.tribe-linked .tribe-linked-inner{ | |
padding:.5rem; | |
transition:.2s | |
} | |
.tribe-linked .tribe-linked-inner:hover{ | |
background:#fff; | |
cursor:pointer | |
} | |
.tribe-linked .tribe-linked-inner .close,.tribe-linked .tribe-linked-inner .delete-link,.tribe-linked .tribe-linked-inner .gig-title,.tribe-linked .tribe-linked-inner .synchronize-link,.tribe-linked .tribe-linked-inner .title{ | |
display:none; | |
opacity:0 | |
} | |
.tribe-linked .tribe-logo{ | |
height:2rem; | |
width:2rem | |
} | |
.tribe-linked.is-active{ | |
animation-duration:1s; | |
animation-name:slideTribeInner; | |
background:#fff; | |
box-shadow:1px 1px 5px rgba(66,66,66,.2); | |
overflow:hidden | |
} | |
.epic-row .epic-statuses,.epics-table-dropdown{ | |
box-shadow:3px 3px 2px rgba(0,0,0,.1); | |
z-index:99 | |
} | |
.tribe-linked.is-active .tribe-linked-inner{ | |
height:100%; | |
min-width:300px | |
} | |
.tribe-linked.is-active .tribe-linked-inner .close,.tribe-linked.is-active .tribe-linked-inner .delete-link,.tribe-linked.is-active .tribe-linked-inner .gig-title,.tribe-linked.is-active .tribe-linked-inner .synchronize-link,.tribe-linked.is-active .tribe-linked-inner .title{ | |
animation-duration:1.25s; | |
animation-name:fadeInFromNone; | |
display:block; | |
opacity:1 | |
} | |
.tribe-linked.is-active .tribe-linked-header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:1rem | |
} | |
.tribe-linked.is-active .tribe-logo{ | |
margin-right:.5rem; | |
vertical-align:text-bottom | |
} | |
.tribe-linked.is-active svg{ | |
width:1rem; | |
height:1rem; | |
fill:#ff5252; | |
transition:all .2s | |
} | |
.tribe-linked.is-active svg:hover{ | |
fill:#f44336 | |
} | |
.tribe-linked.is-active .title{ | |
margin-bottom:0 | |
} | |
.tribe-linked.is-active .gig-title{ | |
color:#107a8a; | |
margin-bottom:.5rem | |
} | |
.tribe-linked.is-active .delete-link{ | |
font-size:.9rem; | |
color:#3f51b5; | |
display:block; | |
margin-bottom:1rem | |
} | |
.tribe-linked.is-active .synchronize-link{ | |
display:block; | |
padding:.5rem | |
} | |
.tribe-linked.is-active .close{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
margin-left:1rem | |
} | |
@keyframes slideTribeInner{ | |
0%{ | |
max-height:60px; | |
width:100px | |
} | |
20%{ | |
max-height:60px; | |
width:300px | |
} | |
100%{ | |
max-height:225px | |
} | |
} | |
@keyframes fadeInFromNone{ | |
0%{ | |
display:none; | |
opacity:0 | |
} | |
80%{ | |
display:block; | |
opacity:0 | |
} | |
100%{ | |
display:block; | |
opacity:1 | |
} | |
} | |
tg-wysiwyg-code-lightbox textarea{ | |
height:350px | |
} | |
.wysiwyg{ | |
line-height:1.4rem; | |
overflow:auto; | |
padding:1rem | |
} | |
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3{ | |
padding-bottom:.5rem | |
} | |
.wysiwyg h1{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:2.25em; | |
line-height:1.2; | |
margin-bottom:1rem; | |
margin-top:1rem; | |
text-transform:uppercase | |
} | |
.wysiwyg h2,.wysiwyg h3,.wysiwyg h4{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
margin-top:1rem; | |
margin-bottom:1rem | |
} | |
.wysiwyg h2{ | |
font-size:1.6rem; | |
line-height:1.225 | |
} | |
.wysiwyg h3{ | |
font-size:1.2rem | |
} | |
.wysiwyg ol,.wysiwyg ul{ | |
line-height:1.5; | |
list-style-position:outside; | |
margin-bottom:1rem; | |
margin-top:0; | |
padding-left:2em | |
} | |
.wysiwyg ol ol,.wysiwyg ol ul,.wysiwyg ul ol,.wysiwyg ul ul{ | |
padding-left:1rem | |
} | |
.wysiwyg ul{ | |
list-style-type:disc | |
} | |
.wysiwyg dl dt{ | |
font-size:1em; | |
margin-top:16px; | |
padding:0 | |
} | |
.wysiwyg dl dd{ | |
margin-bottom:16px; | |
padding:0 16px | |
} | |
.wysiwyg a{ | |
color:#3f51b5; | |
cursor:pointer | |
} | |
.wysiwyg a:hover{ | |
color:#8c9eff | |
} | |
.wysiwyg code,.wysiwyg pre:not([class*=language-]){ | |
font-size:.9rem; | |
background:#272822; | |
color:#EEE; | |
direction:ltr; | |
font-family:'courier new',monospace; | |
overflow:auto; | |
unicode-bidi:embed | |
} | |
.wysiwyg p{ | |
margin-bottom:1rem | |
} | |
.wysiwyg .codehilite{ | |
overflow:auto | |
} | |
.wysiwyg blockquote p{ | |
margin:0 | |
} | |
.wysiwyg pre:not([class*=language-]){ | |
line-height:1.4rem; | |
margin-bottom:.5rem; | |
padding:1rem; | |
white-space:pre-wrap | |
} | |
.wysiwyg code{ | |
padding:.2rem | |
} | |
.wysiwyg table{ | |
border:1px solid #BDBDBD; | |
margin-bottom:1rem | |
} | |
.medium-editor-mention-panel ul,tg-wysiwyg div[contenteditable=true] :last-child{ | |
margin-bottom:0 | |
} | |
.wysiwyg table tbody tr:last-child{ | |
border-bottom:0 | |
} | |
.wysiwyg tr{ | |
border-bottom:#BDBDBD 1px solid | |
} | |
.wysiwyg th{ | |
border-right:#BDBDBD 1px solid; | |
padding:1rem 1rem 1rem .5rem | |
} | |
.wysiwyg th:last-child{ | |
border-right:0 | |
} | |
.wysiwyg td{ | |
border-right:#BDBDBD 1px solid; | |
padding:.5rem | |
} | |
.wysiwyg td:last-child{ | |
border-right:0 | |
} | |
.wysiwyg img{ | |
max-width:100% | |
} | |
.wysiwyg textarea{ | |
background:#fff; | |
max-height:none | |
} | |
.wysiwyg hr{ | |
border:1px solid #EEE | |
} | |
.medium-editor-mention-panel{ | |
background-color:#fff; | |
border:1px solid #BDBDBD; | |
position:absolute | |
} | |
.medium-editor-mention-panel:empty{ | |
border:0 | |
} | |
.medium-editor-mention-panel li{ | |
border-top:1px solid #BDBDBD; | |
cursor:pointer; | |
padding:2px 5px | |
} | |
.medium-editor-mention-panel li:first-child{ | |
border-top:0 | |
} | |
.medium-editor-mention-panel li.active,.medium-editor-mention-panel li:hover{ | |
background-color:#1a237e; | |
color:#fff | |
} | |
.code-language-search,.code-language-selector{ | |
font-size:.75rem; | |
background-color:#fff; | |
position:absolute | |
} | |
tg-wysiwyg{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:2rem | |
} | |
tg-wysiwyg pre{ | |
cursor:pointer | |
} | |
tg-wysiwyg .outdated{ | |
color:#f44336 | |
} | |
tg-wysiwyg .tools{ | |
padding-left:1rem | |
} | |
tg-wysiwyg .tools:not(.visible){ | |
opacity:0; | |
pointer-events:none | |
} | |
tg-wysiwyg .tools:not(.visible) a{ | |
cursor:default | |
} | |
tg-wysiwyg .tools a{ | |
display:block; | |
margin-bottom:.5rem | |
} | |
tg-wysiwyg .tools svg{ | |
fill:#BDBDBD | |
} | |
tg-wysiwyg .editor{ | |
width:100% | |
} | |
tg-wysiwyg .mode-editor span{ | |
color:#BDBDBD; | |
cursor:pointer; | |
margin-right:.5rem | |
} | |
tg-wysiwyg .markdown-editor-placeholder,tg-wysiwyg .medium-editor-placeholder{ | |
color:#BDBDBD; | |
overflow:visible; | |
padding-left:1rem | |
} | |
tg-wysiwyg .markdown-editor-placeholder::after,tg-wysiwyg .medium-editor-placeholder::after{ | |
color:#BDBDBD; | |
font-style:normal | |
} | |
tg-wysiwyg .markdown:not(.empty) p{ | |
margin-bottom:0; | |
white-space:pre-wrap | |
} | |
tg-wysiwyg .read-mode{ | |
cursor:pointer | |
} | |
tg-wysiwyg .medium{ | |
border:1px solid transparent | |
} | |
.code-language-search,.code-language-selector,tg-wysiwyg .edit-mode .markdown,tg-wysiwyg .edit-mode .medium{ | |
border:1px solid #BDBDBD | |
} | |
tg-wysiwyg .edit-mode .medium-editor-element{ | |
min-height:10rem | |
} | |
.code-language-selector{ | |
cursor:pointer; | |
padding:.2rem .5rem 0 | |
} | |
.code-language-search ul{ | |
cursor:pointer; | |
margin-bottom:0; | |
max-height:20vh; | |
overflow-y:scroll | |
} | |
.epic-row .sprint,.epics-table-header .sprint,.story-row .sprint{ | |
overflow:hidden; | |
white-space:nowrap; | |
text-overflow:ellipsis | |
} | |
.code-language-search li{ | |
padding:.2rem .5rem | |
} | |
.medium-editor-toolbar li .medium-editor-button-active{ | |
color:#8c9eff | |
} | |
.medium-editor-toolbar svg{ | |
fill:#fff | |
} | |
.medium-editor-toolbar button:hover svg{ | |
fill:#8c9eff | |
} | |
.discover-header{ | |
background:url(../images/discover.png) bottom left repeat-x #EEE; | |
margin-bottom:2.5rem; | |
padding:1rem 1rem 2rem; | |
text-align:center | |
} | |
.discover-header .discover-header-inner{ | |
max-width:1200px; | |
min-width:768px; | |
margin:0 auto | |
} | |
.discover-header .title{ | |
font-size:3rem; | |
margin-bottom:0 | |
} | |
.discover-header .project-number{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:1.2rem; | |
color:#3f51b5 | |
} | |
.discover-results-header .title,.featured-projects .title{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.discover-header form{ | |
margin:0 30%; | |
position:relative | |
} | |
@media (max-width:767px){ | |
.discover-header .discover-header-inner{ | |
width:90%; | |
min-width:0 | |
} | |
.discover-header form{ | |
margin:0 .5rem | |
} | |
} | |
.discover-header input[type=text]{ | |
background:#fff; | |
border:0; | |
padding:1rem; | |
width:100% | |
} | |
.discover-header input[type=text]:focus{ | |
outline-color:#8c9eff | |
} | |
.discover-header input[type=text]:-webkit-autofill{ | |
background:rgba(26,35,126,.5) | |
} | |
.discover-header .search-button{ | |
width:1.5rem; | |
height:1.5rem; | |
fill:#BDBDBD; | |
position:absolute; | |
right:1rem; | |
top:1rem; | |
transition:fill .2s | |
} | |
.discover-header .search-button:hover{ | |
cursor:pointer; | |
fill:#3f51b5 | |
} | |
.discover-results-header .discover-results-header-inner{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.discover-results-header svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:#BDBDBD; | |
margin-right:.25rem | |
} | |
.discover-results-header .title{ | |
font-size:1.6rem; | |
text-transform:uppercase | |
} | |
.discover-results-header h2{ | |
display:inline-block | |
} | |
.filter-discover-search .discover-search-filter{ | |
margin-right:1rem | |
} | |
.filter-discover-search .discover-search-filter.active{ | |
color:#3f51b5 | |
} | |
.filter-discover-search .discover-search-filter.active svg{ | |
fill:#3f51b5 | |
} | |
.filter-discover-search svg{ | |
width:.8rem; | |
height:.8rem | |
} | |
.discover-search-subfilter{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
position:relative | |
} | |
.discover-search-subfilter:after,.discover-search-subfilter:before{ | |
bottom:100%; | |
left:50%; | |
border:solid transparent; | |
content:" "; | |
height:0; | |
width:0; | |
position:absolute; | |
pointer-events:none | |
} | |
.discover-search-subfilter:after{ | |
border-color:rgba(245,245,245,0); | |
border-bottom-color:#f5f5f5; | |
border-width:8px; | |
margin-left:-8px | |
} | |
.discover-search-subfilter:before{ | |
border-color:rgba(245,245,245,0); | |
border-bottom-color:#f5f5f5; | |
border-width:calc(8px + 1px); | |
margin-left:calc(-8px + 1px) | |
} | |
.discover-search-subfilter.most-liked-subfilter::after,.discover-search-subfilter.most-liked-subfilter::before{ | |
left:85% | |
} | |
.discover-search-subfilter.most-active-subfilter::after,.discover-search-subfilter.most-active-subfilter::before{ | |
left:95% | |
} | |
.discover-search-subfilter.ng-enter{ | |
animation:dropdownFade .2s | |
} | |
.discover-search-subfilter .results{ | |
font-size:.9rem; | |
color:#ff5252; | |
display:block; | |
padding:.5rem 1rem; | |
transition:all .2s | |
} | |
.discover-search-subfilter .results:hover{ | |
color:#f44336 | |
} | |
.discover-search-subfilter .filter-list{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:0 0 0 auto | |
} | |
.discover-search-subfilter .filter-list a{ | |
display:block; | |
padding:.5rem 1rem; | |
transition:all .2s | |
} | |
.discover-search-subfilter .filter-list a:hover{ | |
background:#BDBDBD; | |
color:currentColor | |
} | |
.discover-search-subfilter .filter-list a.active{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.featured-projects{ | |
margin:1rem auto; | |
max-width:1200px; | |
min-width:768px | |
} | |
@media (max-width:767px){ | |
.featured-projects{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.featured-projects .title{ | |
font-size:1.6rem; | |
color:#424242; | |
text-align:center | |
} | |
.featured-projects-inner{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.featured-project{ | |
background:#fff; | |
border:1px solid #EEE; | |
margin:.5rem; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:23%; | |
flex-basis:23%; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
max-width:23% | |
} | |
.featured-project .tags-container{ | |
display:-ms-flexbox; | |
display:flex; | |
height:.3rem | |
} | |
.featured-project .project-tag{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.featured-project .project-card-inner{ | |
padding:1rem; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
width:100% | |
} | |
.featured-project .project-card-description{ | |
font-size:.9rem; | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#757575 | |
} | |
.featured-project .project-card-statistics{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-top:auto | |
} | |
.featured-project .project-card-statistics svg{ | |
width:.75rem; | |
height:.75rem; | |
fill:currentColor; | |
margin-right:.25rem | |
} | |
.featured-project .statistic{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.featured-project .statistic.active{ | |
color:#3f51b5 | |
} | |
.featured-project .statistic.active svg{ | |
fill:currentColor | |
} | |
.featured-project .project-card-header{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:0; | |
flex-grow:0 | |
} | |
.featured-project .project-card-logo{ | |
display:inline-block; | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:50px; | |
height:50px; | |
margin-right:.5rem | |
} | |
.featured-project .project-card-logo img{ | |
width:100% | |
} | |
.featured-project .project-card-name{ | |
line-height:1.25 | |
} | |
.featured-project .project-card-name a{ | |
font-size:1.2rem; | |
color:#3f51b5 | |
} | |
.featured-project .project-card-name a:hover{ | |
color:#8c9eff | |
} | |
@media (max-width:767px){ | |
.featured-project{ | |
-ms-flex-preferred-size:45%; | |
flex-basis:45% | |
} | |
} | |
@media (max-width:480px){ | |
.featured-project{ | |
-ms-flex-preferred-size:100%; | |
flex-basis:100% | |
} | |
} | |
.highlighted{ | |
margin:1rem auto 4rem; | |
max-width:1200px; | |
min-width:768px; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:distribute; | |
justify-content:space-around | |
} | |
@media (max-width:767px){ | |
.highlighted{ | |
width:90%; | |
min-width:0; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.highlighted tg-most-active{ | |
margin-top:4rem | |
} | |
} | |
.highlighted tg-most-active,.highlighted tg-most-liked{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1 | |
} | |
.highlighted tg-most-liked{ | |
margin-right:8% | |
} | |
@media (max-width:767px){ | |
.highlighted tg-most-liked{ | |
margin-right:0 | |
} | |
} | |
.highlighted .most-active,.highlighted .most-liked{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.highlighted .header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:1rem | |
} | |
.highlighted .header svg{ | |
width:.8rem; | |
height:.8rem; | |
fill:#BDBDBD; | |
margin-left:.5rem | |
} | |
.highlighted .title-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.highlighted .title-wrapper svg{ | |
width:1.25rem; | |
height:1.25rem; | |
fill:#BDBDBD; | |
margin-right:.5rem | |
} | |
.highlighted .title{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
font-size:1.6rem; | |
color:#424242; | |
display:inline-block; | |
margin:0 | |
} | |
.highlighted .highlighted-projects-container{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:start; | |
justify-content:flex-start | |
} | |
.highlighted .loading-container{ | |
margin-top:calc(50% - 1rem) | |
} | |
.highlighted .loading-spinner{ | |
display:block; | |
margin:2rem auto; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.highlighted .view-more-projects{ | |
margin-top:auto; | |
width:100% | |
} | |
.highlighted .empty-highlighted-project{ | |
border:2px dashed #EEE; | |
-ms-flex:1; | |
flex:1; | |
padding:2rem; | |
text-align:center | |
} | |
.highlighted .empty-highlighted-project svg{ | |
width:2rem; | |
height:2rem; | |
display:block; | |
fill:#BDBDBD; | |
margin:1rem auto | |
} | |
.highlighted .empty-highlighted-project span{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
color:#757575; | |
display:block | |
} | |
.filter-highlighted{ | |
position:relative | |
} | |
.filter-highlighted .current-filter{ | |
padding:1rem | |
} | |
.filter-highlighted .current-filter span{ | |
margin-left:.2rem; | |
position:relative; | |
top:.2rem | |
} | |
.filter-highlighted .current-filter:hover svg{ | |
fill:currentColor | |
} | |
.filter-highlighted .filter-list{ | |
background:#000; | |
position:absolute; | |
right:0; | |
top:1.5rem | |
} | |
.filter-highlighted .filter-list.ng-enter{ | |
animation:dropdownFade .2s ease-in | |
} | |
.filter-highlighted .filter-list.ng-leave{ | |
animation:dropdownFade .2s ease-in; | |
animation-direction:reverse | |
} | |
.filter-highlighted li{ | |
font-size:.9rem; | |
color:#fff; | |
cursor:pointer; | |
min-width:8rem; | |
padding:.25rem .5rem | |
} | |
.filter-highlighted li:hover{ | |
background:rgba(140,158,255,.4) | |
} | |
.highlighted-project{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:9rem; | |
flex-basis:9rem; | |
min-height:9rem; | |
padding:1.5rem 0 | |
} | |
.highlighted-project:nth-last-child(-n+2){ | |
border-bottom:0 | |
} | |
.highlighted-project .project-logo{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
height:auto; | |
margin-right:1rem; | |
width:3rem | |
} | |
.highlighted-project .project-logo img{ | |
width:100% | |
} | |
.highlighted-project .project-data-container{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.highlighted-project .single-project-header{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.highlighted-project .project-title{ | |
font-size:1.2rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
display:inline-block; | |
margin-bottom:.5rem | |
} | |
.epic-row .epic-pill,.epic-row .epic-statuses{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.highlighted-project .project-title a{ | |
color:#3f51b5 | |
} | |
.highlighted-project .project-title a:hover{ | |
color:#8c9eff | |
} | |
.highlighted-project .project-description{ | |
font-size:.9rem; | |
color:#757575; | |
margin-bottom:0 | |
} | |
.highlighted-project .project-statistics{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:140px; | |
flex-basis:140px; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.highlighted-project .project-statistics svg{ | |
width:.75rem; | |
height:.75rem; | |
fill:#BDBDBD; | |
margin-right:.25rem | |
} | |
.highlighted-project .statistic{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.highlighted-project .statistic.active{ | |
color:#3f51b5 | |
} | |
.highlighted-project .statistic.active svg{ | |
fill:#3f51b5 | |
} | |
.discover-search .discover-header form{ | |
margin:0 8rem; | |
position:relative | |
} | |
.discover-search .discover-header .search-button{ | |
left:1rem; | |
right:auto | |
} | |
.discover-search .discover-header .searchbox input{ | |
padding-left:3.5rem; | |
padding-right:23rem | |
} | |
.discover-search .searchbox-filters{ | |
position:absolute; | |
right:1rem; | |
top:.7rem; | |
width:auto | |
} | |
.discover-search .searchbox-filters input{ | |
display:none | |
} | |
.discover-search .searchbox-filters label{ | |
border-radius:4px; | |
color:#BDBDBD; | |
cursor:pointer; | |
display:inline-block; | |
padding:.4rem .75rem; | |
transition:all .2s; | |
transition-delay:.2s | |
} | |
.discover-search .searchbox-filters label.active{ | |
background:#8c9eff; | |
color:#fff | |
} | |
.discover-search .searchbox-filters label:hover{ | |
background:#EEE; | |
color:#757575 | |
} | |
.discover-results{ | |
margin:1rem auto; | |
max-width:1200px; | |
min-width:768px | |
} | |
@media (max-width:767px){ | |
.discover-results{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.discover-results .discover-results-inner .spin{ | |
margin-top:4rem | |
} | |
.discover-results .list-itemtype-project{ | |
border-bottom:1px solid #BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem 0 | |
} | |
.discover-results .list-itemtype-project:last-child{ | |
border-bottom:0 | |
} | |
.discover-results .list-itemtype-project-left{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
width:100% | |
} | |
.discover-results .list-itemtype-project-image{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1rem | |
} | |
.discover-results .list-itemtype-project-data{ | |
-ms-flex:1; | |
flex:1; | |
vertical-align:middle | |
} | |
.discover-results .project-statistics{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:300px; | |
flex-basis:300px; | |
-ms-flex-pack:end; | |
justify-content:flex-end | |
} | |
.discover-results .project-statistics svg{ | |
width:.7rem; | |
height:.7rem; | |
fill:#BDBDBD; | |
margin-right:.2rem | |
} | |
.discover-results .statistic{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.discover-results .statistic.active{ | |
color:#3f51b5 | |
} | |
.discover-results .statistic.active svg{ | |
fill:#3f51b5 | |
} | |
.discover-results .more-results{ | |
display:block; | |
margin:0 20rem; | |
transition:inherit | |
} | |
.discover-results div[tg-loading] img{ | |
display:block; | |
margin:0 auto | |
} | |
.lightbox-create-epic{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
opacity:1 | |
} | |
.lightbox-create-epic .create-epic-container{ | |
max-width:700px; | |
width:90% | |
} | |
.lightbox-create-epic .subject-container{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-create-epic .subject-container .subject{ | |
padding-left:1rem; | |
width:100% | |
} | |
.lightbox-create-epic .attachments{ | |
margin-bottom:0 | |
} | |
.lightbox-create-epic .settings{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.lightbox-create-epic .settings fieldset{ | |
margin-right:.5rem | |
} | |
.lightbox-create-epic .settings fieldset:hover{ | |
color:#fff; | |
transition:all .2s ease-in; | |
transition-delay:.2s | |
} | |
.lightbox-create-epic .settings fieldset:last-child{ | |
margin:0 | |
} | |
.lightbox-create-epic .settings input{ | |
display:none | |
} | |
.lightbox-create-epic .settings input:checked+label{ | |
background:#3f51b5; | |
border:1px solid #3f51b5; | |
color:#fff | |
} | |
.lightbox-create-epic .settings input:checked+.blocked{ | |
background:#f44336; | |
border:1px solid #f44336; | |
color:#fff | |
} | |
.lightbox-create-epic label{ | |
font-size:.9rem; | |
background:#f5f5f5; | |
border:1px solid #BDBDBD; | |
color:#BDBDBD; | |
cursor:pointer; | |
display:block; | |
padding:.5rem 3rem; | |
text-transform:none; | |
transition:all .2s ease-in | |
} | |
.lightbox-create-epic label:hover{ | |
background:#8c9eff; | |
border:1px solid #3f51b5; | |
color:#fff | |
} | |
.lightbox-create-epic label.blocked:hover{ | |
background:#ff5252; | |
border:1px solid #f44336 | |
} | |
.lightbox-create-epic .create-epic-button{ | |
display:block; | |
width:100% | |
} | |
.epic-row{ | |
font-size:.9rem; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#fff; | |
border-bottom:1px solid #EEE; | |
cursor:move; | |
display:-ms-flexbox; | |
display:flex; | |
transition:background .2s | |
} | |
.epic-row .assigned,.epic-row .project{ | |
padding:.5rem | |
} | |
.epic-row .name,.epic-row .progress,.epic-row .sprint,.epic-row .status,.epic-row .vote{ | |
padding:1rem .5rem | |
} | |
.epic-row .vote{ | |
-ms-flex-preferred-size:60px; | |
flex-basis:60px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
text-align:center | |
} | |
.epic-row .assigned,.epic-row .project{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
text-align:center | |
} | |
.epic-row .sprint,.epic-row .status{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
max-width:150px; | |
text-align:center | |
} | |
.epic-row .name,.epic-row .progress{ | |
-ms-flex-preferred-size:20vw; | |
flex-basis:20vw; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
max-width:40vw | |
} | |
.epic-row .progress{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
margin-right:1rem; | |
position:relative | |
} | |
.epic-row .sprint{ | |
width:90% | |
} | |
.epic-row:hover{ | |
background:rgba(140,158,255,.05) | |
} | |
.epic-row:hover .icon-drag{ | |
opacity:1 | |
} | |
.epic-row.not-empty{ | |
cursor:pointer | |
} | |
.epic-row.is-blocked{ | |
background:rgba(255,82,82,.5) | |
} | |
.epic-row.is-closed .name a{ | |
color:#e3e3e3; | |
text-decoration:line-through | |
} | |
.epic-row.unfold .name .icon{ | |
transform:rotate(0) | |
} | |
.epic-row .name .icon{ | |
transform:rotate(180deg); | |
transition:all .2s | |
} | |
.epic-row .icon-drag{ | |
width:.75rem; | |
height:.75rem; | |
cursor:move; | |
fill:#EEE; | |
opacity:0; | |
transition:opacity .1s | |
} | |
.epic-row .epic-pill{ | |
font-size:.75rem; | |
background:#424242; | |
border-radius:.25rem; | |
color:#fff; | |
margin:0 .5rem; | |
padding:.1rem .25rem | |
} | |
.epic-row .status{ | |
cursor:pointer; | |
position:relative | |
} | |
.epic-row .status button{ | |
background:0 0 | |
} | |
.epic-row .icon-arrow-down{ | |
width:.7rem; | |
height:.7rem; | |
fill:#BDBDBD; | |
margin-left:.1rem | |
} | |
.epic-row .progress-bar,.epic-row .progress-status{ | |
height:1.5rem; | |
left:0; | |
position:absolute; | |
top:.25rem | |
} | |
.epic-row .progress-bar{ | |
background:#f5f5f5; | |
max-width:40vw; | |
padding-right:1rem; | |
width:100% | |
} | |
.epic-row .progress-status{ | |
background:#8c9eff; | |
width:10vw | |
} | |
.epic-row .vote{ | |
color:#757575 | |
} | |
.epic-row .vote.is-voter{ | |
color:#8c9eff; | |
fill:#8c9eff | |
} | |
.epic-row .assigned img{ | |
width:40px | |
} | |
.epic-row .icon-upvote{ | |
width:.75rem; | |
height:.75rem; | |
fill:#757575; | |
margin-right:.25rem; | |
vertical-align:middle | |
} | |
.epic-row .is-unassigned{ | |
color:#BDBDBD | |
} | |
.epic-row .epic-statuses{ | |
font-size:.9rem; | |
background:rgba(33,33,33,.9); | |
border-bottom:1px solid #424242; | |
color:#fff; | |
left:0; | |
list-style-type:none; | |
margin:0; | |
position:absolute; | |
text-align:left; | |
top:2.5rem; | |
width:200px | |
} | |
.epic-row .epic-statuses:last-child{ | |
border:0 | |
} | |
.epic-row .epic-statuses li{ | |
padding:.5rem | |
} | |
.epic-row .epic-statuses li:hover{ | |
color:#8c9eff; | |
transition:color .3s linear | |
} | |
.empty-epics{ | |
text-align:center | |
} | |
.empty-epics a{ | |
color:#3f51b5; | |
display:block; | |
margin-bottom:2rem | |
} | |
.epics-table{ | |
margin-top:2rem | |
} | |
.epics-table .loading{ | |
margin:2% auto; | |
width:3rem | |
} | |
.epics-table .loading img{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.epics-table-header{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
border-bottom:1px solid #BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem; | |
position:relative | |
} | |
.epics-table-header .name,.epics-table-header .progress,.epics-table-header .sprint,.epics-table-header .status,.epics-table-header .vote{ | |
padding:1rem .5rem | |
} | |
.epics-table-header .vote{ | |
-ms-flex-preferred-size:60px; | |
flex-basis:60px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
text-align:center | |
} | |
.epics-table-header .assigned,.epics-table-header .project{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
text-align:center; | |
padding:1rem .5rem | |
} | |
.epics-table-header .sprint,.epics-table-header .status{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
max-width:150px; | |
text-align:center | |
} | |
.epics-table-header .name,.epics-table-header .progress{ | |
-ms-flex-preferred-size:20vw; | |
flex-basis:20vw; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
max-width:40vw | |
} | |
.epics-table-header .progress{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
margin-right:1rem; | |
position:relative | |
} | |
.epics-table-header .sprint{ | |
width:90% | |
} | |
.epics-table-options-wrapper{ | |
bottom:1rem; | |
position:absolute; | |
right:.5rem | |
} | |
.epics-table-option-button{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
background:0 0 | |
} | |
.epics-table-option-button .icon{ | |
width:.7rem; | |
height:.7rem | |
} | |
.epics-table-dropdown{ | |
background:#fff; | |
border-bottom:1px solid rgba(0,0,0,.1); | |
border-left:1px solid rgba(0,0,0,.1); | |
border-right:1px solid rgba(0,0,0,.1); | |
padding:.5rem; | |
position:absolute; | |
right:0; | |
top:1.3rem; | |
width:250px | |
} | |
.epics-table-dropdown.ng-hide-remove{ | |
animation:dropdownFade .2s | |
} | |
.epics-table-dropdown.ng-hide-add{ | |
animation:dropdownFade .2s reverse | |
} | |
.epics-table-dropdown .fieldset{ | |
font-size:.9rem; | |
border-bottom:1px solid #EEE; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem 0 | |
} | |
.epics-table-dropdown .fieldset:last-child{ | |
border:0 | |
} | |
.story-row{ | |
font-size:.9rem; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#fff; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:4rem; | |
transition:background .2s | |
} | |
.story-row .assigned,.story-row .project{ | |
padding:.5rem | |
} | |
.story-row .name,.story-row .progress,.story-row .sprint,.story-row .status,.story-row .vote{ | |
padding:1rem .5rem | |
} | |
.story-row .vote{ | |
-ms-flex-preferred-size:60px; | |
flex-basis:60px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
text-align:center | |
} | |
.story-row .assigned,.story-row .project{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
text-align:center | |
} | |
.story-row .sprint,.story-row .status{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
max-width:150px; | |
text-align:center | |
} | |
.story-row .name,.story-row .progress{ | |
-ms-flex-preferred-size:20vw; | |
flex-basis:20vw; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
max-width:40vw | |
} | |
.story-row .progress{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
margin-right:1rem; | |
position:relative | |
} | |
.story-row .sprint{ | |
width:90% | |
} | |
.story-row:hover{ | |
background:rgba(140,158,255,.05) | |
} | |
.story-row.is-blocked{ | |
background:rgba(255,82,82,.5) | |
} | |
.story-row.is-closed .name{ | |
color:#BDBDBD; | |
text-decoration:line-through | |
} | |
.story-row .name{ | |
-ms-flex-preferred-size:17.5vw; | |
flex-basis:17.5vw | |
} | |
.story-row .name a{ | |
cursor:pointer | |
} | |
.story-row .progress-bar,.story-row .progress-status{ | |
height:1.5rem; | |
left:0; | |
position:absolute; | |
top:.25rem | |
} | |
.story-row .progress-bar{ | |
background:#f5f5f5; | |
max-width:40vw; | |
width:100% | |
} | |
.story-row .progress-status{ | |
background:#8c9eff; | |
width:10vw | |
} | |
.story-row .vote{ | |
color:#757575 | |
} | |
.story-row .vote.is-voter{ | |
color:#8c9eff; | |
fill:#8c9eff | |
} | |
.story-row .project{ | |
cursor:pointer | |
} | |
.story-row .assigned img,.story-row .project img{ | |
width:40px | |
} | |
.story-row .icon-upvote{ | |
width:.75rem; | |
height:.75rem; | |
fill:#757575; | |
margin-right:.25rem; | |
vertical-align:middle | |
} | |
.lightbox-create-related-user-stories .lightbox-create-related-user-stories-wrapper{ | |
max-width:600px; | |
width:90% | |
} | |
.lightbox-create-related-user-stories .related-with-selector{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:1rem | |
} | |
.lightbox-create-related-user-stories .related-with-selector input{ | |
display:none | |
} | |
.lightbox-create-related-user-stories .related-with-selector input:checked+label{ | |
background:#8c9eff; | |
color:#fff; | |
transition:background .2s ease-in | |
} | |
.lightbox-create-related-user-stories .related-with-selector input:checked+label:hover{ | |
background:#8c9eff | |
} | |
.lightbox-create-related-user-stories .related-with-selector input+label{ | |
background:rgba(238,238,238,.7); | |
cursor:pointer; | |
display:block; | |
padding:2rem 1rem; | |
text-align:center; | |
text-transform:uppercase; | |
transition:background .2s ease-in | |
} | |
.lightbox-create-related-user-stories .related-with-selector input+label:hover{ | |
background:rgba(140,158,255,.3); | |
transition:background .2s ease-in | |
} | |
.lightbox-create-related-user-stories .related-with-selector .related-with-selector-single{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.lightbox-create-related-user-stories .related-with-selector .related-with-selector-single:first-child{ | |
margin-right:.5rem | |
} | |
.lightbox-create-related-user-stories fieldset label{ | |
display:inline-block; | |
margin-bottom:.5rem | |
} | |
.lightbox-create-related-user-stories .new-user-story-title{ | |
-ms-flex-align:end; | |
align-items:flex-end; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.lightbox-create-related-user-stories .existing-user-story-form,.lightbox-create-related-user-stories .new-user-story-form{ | |
margin-bottom:1rem | |
} | |
.lightbox-create-related-user-stories .no-stories-found{ | |
padding:1rem 0 0 | |
} | |
.lightbox-create-related-user-stories .new-user-story-options{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:auto | |
} | |
.lightbox-create-related-user-stories .new-user-story-options input{ | |
display:none | |
} | |
.lightbox-create-related-user-stories .new-user-story-options input:checked+label{ | |
background:#8c9eff; | |
color:#fff; | |
fill:#fff; | |
transition:background .2s ease-in | |
} | |
.lightbox-create-related-user-stories .new-user-story-options input+label{ | |
background:#f5f5f5; | |
color:#424242; | |
cursor:pointer; | |
display:block; | |
padding:.5rem; | |
transition:background .2s ease-in | |
} | |
.lightbox-create-related-user-stories .new-user-story-options input+label:hover{ | |
background:#8c9eff; | |
color:#fff; | |
fill:#fff | |
} | |
.lightbox-create-related-user-stories button{ | |
width:100% | |
} | |
.related-userstories{ | |
margin-bottom:2rem; | |
position:relative | |
} | |
.related-userstories-header{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
min-height:36px | |
} | |
.related-userstories-header .related-userstories-title{ | |
font-size:1rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
margin-left:1rem | |
} | |
.related-userstories-header .add-button{ | |
background:#424242; | |
border:0; | |
display:inline-block; | |
padding:.5rem; | |
transition:background .25s | |
} | |
.related-userstories-header .add-button.is-active,.related-userstories-header .add-button:hover{ | |
background:#8c9eff | |
} | |
.related-userstories-header .add-button svg{ | |
fill:#fff; | |
height:1.25rem; | |
margin-bottom:-.2rem; | |
width:1.25rem | |
} | |
.related-userstories-body{ | |
width:100% | |
} | |
tg-related-userstory-row{ | |
font-size:.9rem; | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem 0 .5rem .5rem | |
} | |
tg-related-userstory-row.sortable{ | |
cursor:move | |
} | |
tg-related-userstory-row.sortable:hover{ | |
background:rgba(140,158,255,.05) | |
} | |
tg-related-userstory-row.sortable:hover .userstory-settings{ | |
opacity:1; | |
transition:all .2s ease-in | |
} | |
tg-related-userstory-row.sortable:hover .icon-drag{ | |
opacity:1 | |
} | |
tg-related-userstory-row.sortable .icon-drag{ | |
width:.75rem; | |
height:.75rem; | |
cursor:move; | |
fill:#EEE; | |
opacity:0; | |
transition:opacity .1s | |
} | |
tg-related-userstory-row .status{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
position:relative; | |
width:125px | |
} | |
tg-related-userstory-row .assigned-to-column{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:150px | |
} | |
tg-related-userstory-row .assigned-to-column img{ | |
-ms-flex-preferred-size:35px; | |
flex-basis:35px; | |
height:35px; | |
width:35px | |
} | |
tg-related-userstory-row .project{ | |
cursor:pointer; | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px | |
} | |
tg-related-userstory-row .project img{ | |
width:40px | |
} | |
tg-related-userstory-row .userstory-name{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
margin-right:1rem | |
} | |
tg-related-userstory-row .userstory-name a{ | |
cursor:pointer | |
} | |
tg-related-userstory-row .userstory-name span{ | |
display:inline-block; | |
margin-left:.25rem | |
} | |
tg-related-userstory-row .closed{ | |
border-left:10px solid #EEE; | |
color:#EEE | |
} | |
tg-related-userstory-row .closed a,tg-related-userstory-row .closed svg{ | |
fill:#EEE | |
} | |
tg-related-userstory-row .closed .userstory-name a{ | |
color:#EEE; | |
text-decoration:line-through | |
} | |
tg-related-userstory-row .blocked{ | |
background:rgba(255,82,82,.2); | |
border-left:10px solid #ff5252 | |
} | |
tg-related-userstory-row .userstory-settings{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
opacity:0; | |
width:60px | |
} | |
tg-related-userstory-row .userstory-settings svg{ | |
width:1.1rem; | |
height:1.1rem; | |
fill:#BDBDBD; | |
margin-right:.5rem; | |
transition:fill .2s ease-in | |
} | |
tg-related-userstory-row .userstory-settings svg:hover{ | |
fill:#757575 | |
} | |
tg-related-userstory-row .userstory-settings a:hover{ | |
cursor:pointer | |
} | |
tg-related-userstory-row .delete-userstory:hover .icon-trash{ | |
fill:#ff5252 | |
} | |
tg-related-userstory-row .avatar{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
tg-related-userstory-row .avatar img{ | |
-ms-flex-preferred-size:35px; | |
flex-basis:35px; | |
height:35px; | |
width:35px | |
} | |
tg-related-userstory-row .avatar figcaption{ | |
margin-left:.5rem | |
} | |
.external-app-wrapper{ | |
margin:2rem auto; | |
text-align:center; | |
width:480px | |
} | |
.external-app-wrapper .logo{ | |
height:4rem; | |
margin:0 auto; | |
width:4rem | |
} | |
.external-app-wrapper svg{ | |
width:4rem; | |
height:4rem | |
} | |
.comment .comment-main,.external-app-wrapper .app-card img,.external-app-wrapper .user-card img{ | |
width:100% | |
} | |
.external-app-wrapper h1{ | |
margin-bottom:0 | |
} | |
.external-app-wrapper .app-card,.external-app-wrapper .user-card{ | |
line-height:1.4; | |
margin-bottom:2rem; | |
text-align:left | |
} | |
.external-app-wrapper .app-card .card-inner,.external-app-wrapper .user-card .card-inner{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.external-app-wrapper .app-card h3,.external-app-wrapper .app-card p,.external-app-wrapper .user-card h3,.external-app-wrapper .user-card p{ | |
margin:0 | |
} | |
.external-app-wrapper .app-card a,.external-app-wrapper .user-card .card-inner{ | |
margin-bottom:.5rem | |
} | |
.external-app-wrapper .app-card h3,.external-app-wrapper .user-card h3{ | |
font-size:1.2rem | |
} | |
.external-app-wrapper .app-card a,.external-app-wrapper .user-card a{ | |
font-size:1rem; | |
display:block | |
} | |
.external-app-wrapper .app-card .app-image{ | |
-ms-flex-preferred-size:100px; | |
flex-basis:100px; | |
margin-right:1rem; | |
max-width:105px | |
} | |
.external-app-wrapper .app-card .app-data{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.external-app-wrapper .app-card p{ | |
font-size:1rem | |
} | |
.external-app-wrapper .user-card{ | |
background:#fff8e4; | |
border:1px solid #f1e8cd; | |
padding:1rem | |
} | |
.external-app-wrapper .user-card .user-image{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
margin-right:1rem; | |
max-width:55px | |
} | |
.external-app-wrapper .button-green{ | |
display:block | |
} | |
.external-app-wrapper .cancel{ | |
font-size:.9rem; | |
display:block; | |
margin-top:.5rem; | |
text-align:left | |
} | |
@media (max-width:480px){ | |
.external-app-wrapper{ | |
margin:0; | |
min-width:100%; | |
padding:2rem 1rem; | |
text-align:center; | |
width:100% | |
} | |
} | |
.comments{ | |
clear:both | |
} | |
.comments tg-wysiwyg{ | |
margin-top:1.5rem | |
} | |
.comments .read-mode{ | |
border:1px solid #BDBDBD; | |
height:55px | |
} | |
.comments .read-mode .markdown-editor-placeholder,.comments .read-mode .medium-editor-placeholder{ | |
height:55px | |
} | |
.comments .add-comment{ | |
margin-top:1rem | |
} | |
.comments .add-comment textarea{ | |
height:3rem | |
} | |
.comments .add-comment .edit,.comments .add-comment .preview-icon{ | |
position:absolute; | |
right:1rem | |
} | |
.comments .save-comment-wrapper{ | |
-ms-flex-align:end; | |
align-items:flex-end; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.comments .save-comment{ | |
margin-top:1rem; | |
padding:.5rem 4rem | |
} | |
.comment{ | |
display:block | |
} | |
.comment .comment-wrapper{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:2rem 0 | |
} | |
.comment .comment-wrapper:hover .comment-option{ | |
opacity:1 | |
} | |
.comment .comment-avatar{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1.5rem; | |
width:60px | |
} | |
.comment .comment-data{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin-bottom:1rem | |
} | |
.comment .comment-creator{ | |
color:#3f51b5; | |
margin-right:.5rem | |
} | |
.comment .comment-date{ | |
font-size:.9rem; | |
color:#BDBDBD | |
} | |
.comment .comment-edited{ | |
font-size:.9rem; | |
background:#EEE; | |
margin:0 .5rem; | |
padding:.25rem | |
} | |
.comment .comment-edited .separator{ | |
margin:0 .25rem | |
} | |
.comment .comment-edited a{ | |
color:#3f51b5; | |
fill:#3f51b5 | |
} | |
.comment .comment-edited svg{ | |
width:.75rem; | |
height:.75rem; | |
margin:0 0 0 .25rem | |
} | |
.comment .comment-options{ | |
-ms-flex-align:center; | |
align-items:center; | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-left:1.5rem | |
} | |
.comment .comment-options .comment-option{ | |
cursor:pointer; | |
opacity:0 | |
} | |
.comment .comment-options .icon-edit{ | |
fill:#BDBDBD; | |
margin-right:.5rem | |
} | |
.comment .comment-options .icon-edit:hover{ | |
fill:#757575 | |
} | |
.comment .comment-options .icon-close{ | |
fill:#BDBDBD; | |
margin-right:.5rem | |
} | |
.comment .comment-options .icon-close:hover{ | |
fill:#f44336 | |
} | |
.comment .comment-options .icon-trash{ | |
fill:#ff5252 | |
} | |
.comment .comment-options .icon-trash:hover{ | |
fill:#f44336 | |
} | |
.comment .deleted-comment-wrapper{ | |
border-bottom:1px solid #EEE; | |
padding:1rem 0; | |
width:100% | |
} | |
.comment .deleted-comment-main{ | |
font-size:.75rem; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
width:100% | |
} | |
.comment .toggle-deleted-comment{ | |
color:#3f51b5; | |
fill:#3f51b5; | |
margin:0 1rem; | |
transition:none | |
} | |
.comment .toggle-deleted-comment .icon-arrow-down,.comment .toggle-deleted-comment .icon-arrow-up{ | |
width:.8rem; | |
height:.8rem; | |
margin-left:.25rem | |
} | |
.comment .restore-comment{ | |
margin-left:auto; | |
transition:all .2s | |
} | |
.comment .restore-comment:hover{ | |
color:#3f51b5; | |
fill:#3f51b5 | |
} | |
.comment .restore-comment .icon-reload{ | |
width:.8rem; | |
height:.8rem; | |
margin-right:.25rem | |
} | |
.comment .deleted-comment-comment{ | |
margin-top:1rem | |
} | |
.comment-text{ | |
max-width:80rem | |
} | |
.comment-text.wysiwyg{ | |
margin-bottom:0; | |
padding:0 | |
} | |
.lightbox-display-historic{ | |
display:none | |
} | |
.lightbox-display-historic .history-container{ | |
max-width:800px; | |
width:90% | |
} | |
.lightbox-display-historic .history-wrapper{ | |
max-height:600px; | |
overflow-x:hidden; | |
overflow-y:auto; | |
padding:2rem | |
} | |
.entry{ | |
display:block | |
} | |
.entry .entry-wrapper{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:2rem 0 | |
} | |
.entry .entry-avatar{ | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1.5rem; | |
width:50px | |
} | |
.entry .entry-main{ | |
-ms-flex:1; | |
flex:1; | |
max-width:calc(100% - 100px) | |
} | |
.entry .entry-data{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:.5rem | |
} | |
.entry .entry-creator{ | |
color:#3f51b5; | |
margin-right:.5rem | |
} | |
.entry .entry-date{ | |
font-size:.9rem; | |
color:#BDBDBD | |
} | |
.entry .display-full-entry{ | |
width:1.25rem; | |
height:1.25rem; | |
cursor:pointer; | |
fill:#3f51b5; | |
margin-left:auto; | |
transform:rotate(0); | |
transition:transform .2s | |
} | |
.entry .display-full-entry.inactive{ | |
transform:rotate(180deg) | |
} | |
.entry .entry-text{ | |
margin-bottom:0 | |
} | |
.entry .entry-text.ellipsed{ | |
max-height:3rem; | |
overflow:hidden | |
} | |
.entry .entry-text.blurry{ | |
position:relative | |
} | |
.entry .entry-text.blurry::after{ | |
background-image:linear-gradient(to top,#fff,transparent); | |
content:''; | |
height:100%; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100% | |
} | |
.history-tabs .order-comments{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-left:auto; | |
transition:none | |
} | |
.history-tabs .icon-arrow-down,.history-tabs .icon-arrow-up{ | |
width:.75rem; | |
height:.75rem | |
} | |
.activity-diff .key{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
background:#EEE; | |
margin-right:.5rem; | |
padding:.25rem | |
} | |
.add-member-suggest .add-member-suggest-name,.home-project .project-card-description,.home-wrapper .title-bar,.invite-members-form .invite-members-single-help,.profile-bar .profile-edition,.projects-empty p,.watching-empty p,.working-on-empty p{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.activity-diff .diff{ | |
line-height:1.6 | |
} | |
.activity-diff .icon-arrow-right{ | |
width:.75rem; | |
height:.75rem; | |
fill:#BDBDBD; | |
margin:0 .5rem | |
} | |
.activity-diff .diff-status-wrapper p{ | |
display:inline-block | |
} | |
.activity-diff .diff-status-wrapper ins{ | |
background:rgba(242,244,255,.3); | |
text-decoration:underline | |
} | |
.activity-diff .diff-status-wrapper del{ | |
background:rgba(255,82,82,.3) | |
} | |
.activity-diff .diff-color-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.activity-diff .diff-color-wrapper .diff{ | |
display:inline-block; | |
height:1.2rem; | |
width:1.2rem | |
} | |
.activity{ | |
-ms-flex-align:start; | |
align-items:flex-start; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:2rem 0 | |
} | |
.activity .activity-avatar{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1.5rem; | |
width:60px | |
} | |
.activity .activity-data{ | |
margin-bottom:1rem | |
} | |
.activity .activity-creator{ | |
color:#3f51b5; | |
margin-right:.5rem | |
} | |
.activity .activity-date{ | |
color:#BDBDBD | |
} | |
.watching,.working-on{ | |
margin-bottom:2rem | |
} | |
.watching .duty-single,.working-on .duty-single{ | |
border-bottom:1px solid #EEE; | |
cursor:pointer; | |
transition:background .2s; | |
transition-delay:.2s | |
} | |
.watching .duty-single:hover,.working-on .duty-single:hover{ | |
background:rgba(140,158,255,.1) | |
} | |
.watching .duty-single:last-child,.working-on .duty-single:last-child{ | |
border:0 | |
} | |
.watching .duty-single>a,.working-on .duty-single>a{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:0; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row | |
} | |
.watching .duty-single>a.blocked,.working-on .duty-single>a.blocked{ | |
background:rgba(255,82,82,.2); | |
color:#f44336 | |
} | |
.watching .see-more,.working-on .see-more{ | |
display:block; | |
margin:2rem 30% | |
} | |
.home-wrapper{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
@media (max-width:767px){ | |
.home-wrapper{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
@media (max-width:480px){ | |
.home-wrapper{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
.home-wrapper .duty-summary{ | |
-ms-flex:1; | |
flex:1; | |
margin-right:2rem | |
} | |
.home-wrapper .dashboard-container{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row | |
} | |
@media (max-width:1280px){ | |
.home-wrapper .dashboard-container{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
@media (max-width:767px){ | |
.home-wrapper .dashboard-container{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
@media (max-width:480px){ | |
.home-wrapper .dashboard-container{ | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
} | |
.home-wrapper .watching-container,.home-wrapper .working-on-container{ | |
-ms-flex:1; | |
flex:1; | |
padding-left:.5rem; | |
padding-right:.5rem | |
} | |
.home-wrapper .working-on-container{ | |
margin-right:1rem | |
} | |
.home-wrapper .project-list{ | |
-ms-flex-preferred-size:250px; | |
flex-basis:250px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.home-wrapper .see-more-projects-btn{ | |
display:block | |
} | |
.home-wrapper .title-bar{ | |
font-size:1.2rem; | |
-ms-flex-line-pack:center; | |
align-content:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
margin:0 0 .5rem; | |
padding:.5rem 1rem | |
} | |
.home-project{ | |
background:#fff; | |
border:1px solid #EEE; | |
margin:.5rem .5rem 1rem; | |
cursor:pointer; | |
transition:all .2s | |
} | |
.home-project .tags-container{ | |
display:-ms-flexbox; | |
display:flex; | |
height:.3rem | |
} | |
.home-project .project-tag{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.home-project .project-card-inner{ | |
padding:1rem; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
width:100% | |
} | |
.home-project .project-card-description{ | |
font-size:.9rem; | |
color:#757575 | |
} | |
.home-project .project-card-statistics{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-top:auto | |
} | |
.home-project .project-card-statistics svg{ | |
width:.75rem; | |
height:.75rem; | |
fill:currentColor; | |
margin-right:.25rem | |
} | |
.home-project .statistic{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
display:inline-block; | |
margin-right:.5rem | |
} | |
.home-project .statistic.active{ | |
color:#3f51b5 | |
} | |
.home-project .statistic.active svg{ | |
fill:currentColor | |
} | |
.home-project .project-card-header{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:0; | |
flex-grow:0 | |
} | |
.home-project .project-card-logo{ | |
display:inline-block; | |
-ms-flex-preferred-size:50px; | |
flex-basis:50px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:50px; | |
height:50px; | |
margin-right:.5rem | |
} | |
.home-project .project-card-logo img{ | |
width:100% | |
} | |
.home-project .project-card-name{ | |
line-height:1.25 | |
} | |
.home-project .project-card-name a{ | |
font-size:1.2rem; | |
color:#3f51b5 | |
} | |
.home-project .project-card-name a:hover{ | |
color:#8c9eff | |
} | |
.home-project:hover{ | |
border:1px solid rgba(140,158,255,.2); | |
box-shadow:0 0 5px #EEE | |
} | |
.home-project.blocked-project{ | |
border:#EEE | |
} | |
.home-project.blocked-project:hover{ | |
border:#EEE; | |
box-shadow:none | |
} | |
.home-project.blocked-project .project-card-description,.home-project.blocked-project .project-card-logo,.home-project.blocked-project .project-card-name a,.home-project.blocked-project .project-card-statistics,.home-project.blocked-project .tags-container{ | |
opacity:.3 | |
} | |
.projects-empty{ | |
text-align:center | |
} | |
.projects-empty svg{ | |
fill:#EEE; | |
height:100px; | |
margin:1rem auto; | |
text-align:center; | |
width:100% | |
} | |
.projects-empty p{ | |
font-size:.9rem | |
} | |
.projects-empty .create-project-button{ | |
display:block; | |
margin-bottom:.25rem | |
} | |
.projects-empty .import-project-button{ | |
display:block | |
} | |
.watching-empty,.working-on-empty{ | |
margin-bottom:4rem | |
} | |
.watching-empty p,.working-on-empty p{ | |
margin:2rem 2rem 1rem; | |
text-align:center | |
} | |
.empty-ticket{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.empty-ticket:not(:last-child){ | |
border-bottom:1px solid #EEE; | |
padding:1rem 0 | |
} | |
.empty-ticket:last-child{ | |
padding:1rem 0 0 | |
} | |
.empty-ticket .avatar{ | |
background:#e1e1e1; | |
-ms-flex-preferred-size:48px; | |
flex-basis:48px; | |
height:48px; | |
margin-right:1rem; | |
width:48px | |
} | |
.empty-ticket .data{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.empty-ticket .line{ | |
background:#f5f5f5; | |
height:1rem; | |
margin-bottom:1rem; | |
width:8vw | |
} | |
@media (max-width:1280px){ | |
.empty-ticket .line{ | |
width:30vw | |
} | |
} | |
@media (max-width:767px){ | |
.empty-ticket .line{ | |
width:30vw | |
} | |
} | |
@media (max-width:480px){ | |
.empty-ticket .line{ | |
width:30vw | |
} | |
} | |
.empty-ticket .line:last-child{ | |
margin:0; | |
width:18vw | |
} | |
@media (max-width:1280px){ | |
.empty-ticket .line:last-child{ | |
width:50vw | |
} | |
} | |
@media (max-width:767px){ | |
.empty-ticket .line:last-child{ | |
width:50vw | |
} | |
} | |
@media (max-width:480px){ | |
.empty-ticket .line:last-child{ | |
width:50vw | |
} | |
} | |
.invite-members-form{ | |
border-top:1px solid #EEE; | |
margin:0 5rem | |
} | |
.invite-members-form .invite-members-form-list{ | |
margin:0 0 1rem | |
} | |
.invite-members-form .invite-members-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:1rem | |
} | |
.invite-members-form .invite-members-single-data{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1 | |
} | |
.invite-members-form .invite-members-single-avatar{ | |
height:4rem; | |
margin-right:1rem; | |
width:4rem | |
} | |
.invite-members-form .invite-members-single-remove{ | |
color:#ff5252; | |
margin-left:1rem; | |
transition:color .2s | |
} | |
.invite-members-form .invite-members-single-remove:hover{ | |
color:#f44336 | |
} | |
.invite-members-form .invite-members-single-role{ | |
-ms-flex-preferred-size:40%; | |
flex-basis:40%; | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.invite-members-form .invite-members-single-new{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
padding:1rem 0 | |
} | |
.invite-members-form .invite-members-single-new .invite-members-single-new-btn{ | |
cursor:pointer | |
} | |
.invite-members-form .invite-members-single-new .icon-add{ | |
width:2rem; | |
height:2rem; | |
fill:#424242; | |
transition:fill .2s | |
} | |
.invite-members-form .invite-members-single-new:hover .icon-add{ | |
fill:#8c9eff | |
} | |
.invite-members-form .invite-members-single-send{ | |
font-size:1.2rem; | |
display:block; | |
margin:1.5rem 0 1rem; | |
padding:1rem; | |
width:100% | |
} | |
.invite-members-form .invite-members-single-help{ | |
font-size:.9rem | |
} | |
.lightbox-add-member .add-members-wrapper{ | |
max-width:900px; | |
width:90% | |
} | |
.add-member-suggest .add-member-suggest-list{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
margin:2rem 0 0 | |
} | |
.add-member-suggest .add-member-suggest-filter{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
padding:0 15rem; | |
position:relative | |
} | |
.add-member-suggest .add-member-suggest-filter-input{ | |
-ms-flex:1; | |
flex:1; | |
margin-right:.25rem | |
} | |
.add-member-suggest .add-member-suggest-filter-hint{ | |
font-size:.75rem; | |
color:#BDBDBD; | |
position:absolute; | |
right:16rem; | |
top:.5rem | |
} | |
.add-member-suggest .add-member-suggest-filter-hint.to-send{ | |
right:19rem | |
} | |
.add-member-suggest .add-member-suggest-filter-addmail{ | |
background:#424242; | |
border-radius:.25rem; | |
padding:.5rem .75rem; | |
transition:background .2s linear | |
} | |
.add-member-suggest .add-member-suggest-filter-addmail:hover{ | |
background:#212121 | |
} | |
.add-member-suggest .add-member-suggest-filter-addmail svg{ | |
width:1.3rem; | |
height:1.3rem; | |
fill:#fff | |
} | |
.add-member-suggest .add-member-suggest-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#fff; | |
border-bottom:1px solid #EEE; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:calc(25% - 1rem); | |
flex-basis:calc(25% - 1rem); | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1rem; | |
padding:.2rem; | |
transition:.2s linear | |
} | |
.add-member-suggest .add-member-suggest-single:hover{ | |
background:rgba(140,158,255,.1) | |
} | |
.add-member-suggest .add-member-suggest-single:nth-child(4n){ | |
margin-right:0 | |
} | |
.add-member-suggest .add-member-suggest-avatar{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
height:5rem; | |
margin:.5rem; | |
width:5rem | |
} | |
.navbar{ | |
display:-ms-flexbox; | |
display:flex; | |
height:40px; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
position:relative | |
} | |
.navbar::after{ | |
background-size:200%; | |
bottom:0; | |
content:''; | |
height:100%; | |
left:0; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:-1 | |
} | |
.navbar .nav-left,.navbar .nav-right{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.navbar .nav-left a{ | |
color:#fff; | |
padding:.5rem 1.5rem | |
} | |
.navbar .nav-left .logo{ | |
background:rgba(0,0,0,.2); | |
padding:.3rem .75rem | |
} | |
.navbar .nav-left svg{ | |
width:1.6rem; | |
height:1.6rem | |
} | |
.navbar .nav-right{ | |
margin-left:auto | |
} | |
.navbar .nav-right a{ | |
color:#fff; | |
padding:.5rem 2rem | |
} | |
.navbar .nav-right svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:rgba(26,35,126,.8); | |
transition:all .2s linear | |
} | |
.navbar a{ | |
color:#fff; | |
display:inline-block; | |
transition:all .2s linear | |
} | |
.navbar a:hover{ | |
background:rgba(0,0,0,.2); | |
color:#8c9eff | |
} | |
.navbar a:hover svg{ | |
fill:#fff | |
} | |
.navbar a.user-avatar{ | |
min-width:200px; | |
padding:0 0 0 2rem; | |
text-align:right | |
} | |
.navbar a.user-avatar span{ | |
padding-right:1rem | |
} | |
.navbar img{ | |
height:2.5rem; | |
margin-left:.5rem; | |
vertical-align:middle | |
} | |
.navbar .topnav-dropdown-wrapper{ | |
position:relative | |
} | |
.navbar .topnav-dropdown-wrapper:hover .navbar-dropdown{ | |
animation:dropdownFade .2s cubic-bezier(.09,0,.99,.01) both; | |
display:block | |
} | |
.navbar .navbar-dropdown a{ | |
padding:.8rem .5rem | |
} | |
.navbar .navbar-dropdown{ | |
border-radius:2px; | |
display:none; | |
left:calc(50% - 350px/2); | |
min-width:350px; | |
position:absolute; | |
top:2.4rem; | |
z-index:999 | |
} | |
.navbar-dropdown{ | |
background:#212121; | |
border:1px solid #000; | |
padding:.3rem | |
} | |
.navbar-dropdown.dropdown-user{ | |
left:calc(50% - 200px/2); | |
min-width:200px | |
} | |
.navbar-dropdown.dropdown-user ul{ | |
margin-bottom:0 | |
} | |
.navbar-dropdown ul{ | |
margin:0 0 .5rem; | |
padding:0 | |
} | |
.navbar-dropdown ul:after,.navbar-dropdown ul:before{ | |
bottom:100%; | |
left:50%; | |
border:solid transparent; | |
content:" "; | |
height:0; | |
width:0; | |
position:absolute; | |
pointer-events:none | |
} | |
.navbar-dropdown ul:after{ | |
border-color:rgba(33,33,33,0); | |
border-bottom-color:#212121; | |
border-width:8px; | |
margin-left:-8px | |
} | |
.navbar-dropdown ul:before{ | |
border-color:rgba(33,33,33,0); | |
border-bottom-color:#212121; | |
border-width:calc(8px + 1px); | |
margin-left:calc(-8px + 1px) | |
} | |
.navbar-dropdown .plugin:hover .new{ | |
color:#fff | |
} | |
.navbar-dropdown .plugin .new{ | |
font-size:.9rem; | |
background:#ff5252; | |
float:right; | |
margin-left:auto; | |
padding:.1rem .25rem | |
} | |
.navbar-dropdown a{ | |
color:#BDBDBD; | |
display:block; | |
padding:.8rem .5rem | |
} | |
.navbar-dropdown a:hover{ | |
background:rgba(255,255,255,.1); | |
color:#8c9eff | |
} | |
.navbar-dropdown a.create-organization-btn,.navbar-dropdown a.create-project-btn,.navbar-dropdown a.see-more-projects-btn{ | |
color:#fff; | |
text-align:center | |
} | |
.navbar-dropdown a.create-organization-btn:hover,.navbar-dropdown a.create-project-btn:hover,.navbar-dropdown a.see-more-projects-btn:hover{ | |
color:#fff | |
} | |
.navbar-dropdown a.see-more-projects-btn{ | |
margin-bottom:.3rem | |
} | |
.navbar-dropdown a.create-project-btn{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.navbar-dropdown a.blocked-project{ | |
color:#757575 | |
} | |
.navbar-dropdown a.blocked-project svg{ | |
margin-left:.5rem; | |
position:relative; | |
top:.25rem | |
} | |
.navbar-dropdown .create-options{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row | |
} | |
.profile-favs{ | |
border-top:1px solid #EEE | |
} | |
.profile-filter{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin:1rem 0; | |
padding:.5rem 1rem | |
} | |
.profile-filter .searchbox{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1 | |
} | |
.profile-filter .searchbox .icon-search{ | |
fill:#757575; | |
margin-right:.5rem | |
} | |
.profile-filter .searchbox input{ | |
border:0; | |
border-bottom:1px solid transparent; | |
-ms-flex:1; | |
flex:1; | |
margin-right:1rem | |
} | |
.import-project-asana-form-selector li:first-child,.profile-contacts,.profile-content-tabs{ | |
border-top:1px solid #EEE | |
} | |
.profile-filter .searchbox input:focus{ | |
border-bottom:1px solid #BDBDBD; | |
outline:0; | |
transition:border-bottom .3s ease-in | |
} | |
.profile-filter .filters a{ | |
color:#BDBDBD; | |
display:inline-block; | |
padding:0 .5rem | |
} | |
.profile-filter .filters a.active,.profile-filter .filters a:hover{ | |
color:#212121 | |
} | |
.profile{ | |
display:-ms-flexbox; | |
display:flex; | |
min-height:calc(100vh - 40px); | |
padding:2rem 0 | |
} | |
.profile .profile-bar{ | |
margin-right:1rem; | |
width:200px | |
} | |
.profile .main{ | |
display:-ms-flexbox; | |
display:flex; | |
padding:0 | |
} | |
.profile .timeline-wrapper{ | |
margin-right:3.5rem; | |
width:768px | |
} | |
.profile .timeline-wrapper>div{ | |
opacity:1; | |
padding-top:0; | |
position:relative; | |
transition:all .3s cubic-bezier(.09,.43,.35,.95) | |
} | |
.profile .timeline-wrapper>div.ng-hide{ | |
opacity:0; | |
padding-top:.5vh | |
} | |
.profile .timeline-wrapper .spin{ | |
margin:10% auto; | |
width:3rem | |
} | |
.profile .timeline-wrapper .spin img{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.profile .profile-sidebar{ | |
-ms-flex-preferred-size:150px; | |
flex-basis:150px; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
width:150px | |
} | |
.profile .profile-sidebar .button-gray{ | |
display:block; | |
margin-bottom:2rem; | |
padding-left:2rem; | |
padding-right:2rem | |
} | |
.profile .empty-tab{ | |
padding:5vh; | |
text-align:center | |
} | |
.profile .empty-tab svg{ | |
fill:#EEE; | |
height:10rem; | |
margin:2rem auto; | |
text-align:center; | |
width:10rem | |
} | |
.profile .empty-tab p{ | |
color:#BDBDBD; | |
font-size:.9rem; | |
margin:0 | |
} | |
.profile-bar .profile-image-wrapper{ | |
height:200px; | |
margin-bottom:1rem; | |
overflow:hidden; | |
position:relative | |
} | |
.profile-bar .profile-image-wrapper.is-current-user:hover img{ | |
-webkit-filter:brightness(40%) saturate(150%) hue-rotate(60deg); | |
filter:brightness(40%) saturate(150%) hue-rotate(60deg); | |
transition:all .2s cubic-bezier(.01,.7,1,1) | |
} | |
.profile-bar .profile-image-wrapper.is-current-user:hover .profile-edition{ | |
opacity:1; | |
transform:translateY(0); | |
transition:all .2s cubic-bezier(.01,.7,1,1); | |
transition-delay:.3s | |
} | |
.profile-bar .profile-img{ | |
max-width:100%; | |
width:100% | |
} | |
.profile-bar .profile-edition{ | |
font-size:1.2rem; | |
background:rgba(0,0,0,.4); | |
bottom:0; | |
color:#fff; | |
left:0; | |
opacity:0; | |
overflow:hidden; | |
padding:1rem; | |
position:absolute; | |
transform:translateY(100%); | |
width:100% | |
} | |
.profile-bar .profile-edition:hover{ | |
background:rgba(0,0,0,.8); | |
transition:all .3s cubic-bezier(.01,.7,1,1) | |
} | |
.profile-bar .button-green{ | |
display:block; | |
margin-bottom:1rem | |
} | |
.profile-bar .profile-data{ | |
position:relative | |
} | |
.profile-bar .flag{ | |
position:absolute; | |
right:0; | |
top:0; | |
width:12px | |
} | |
.profile-bar .flag path{ | |
fill:#BDBDBD; | |
transition:all .2s linear | |
} | |
.profile-bar .flag:hover path{ | |
fill:#f44336; | |
transition:all .2s linear | |
} | |
.profile-bar h1{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
font-size:2rem; | |
line-height:1.2; | |
margin-bottom:.25rem; | |
text-transform:none | |
} | |
.profile-bar .username,.profile-bar h2{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.profile-bar h2{ | |
font-size:1.6rem; | |
color:#757575; | |
line-height:1.2; | |
margin-bottom:1rem | |
} | |
.profile-bar .location,.profile-bar .username{ | |
color:#BDBDBD; | |
margin-bottom:1rem | |
} | |
.profile-bar .username{ | |
font-size:1.2rem | |
} | |
.profile-bar .location svg{ | |
position:relative; | |
top:2px; | |
width:.75rem | |
} | |
.profile-bar .location path{ | |
fill:#BDBDBD | |
} | |
.profile-bar .profile-stats{ | |
border-bottom:1px solid #EEE; | |
border-top:1px solid #EEE; | |
color:#757575; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin-bottom:1.25rem; | |
padding:1rem .5rem | |
} | |
.profile-bar .profile-stats .stat{ | |
padding:0 .2rem; | |
text-align:center | |
} | |
.profile-bar .profile-stats .stat-number{ | |
font-size:2rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
display:block; | |
line-height:1 | |
} | |
.profile-bar .profile-stats .stat-name{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
display:block | |
} | |
.profile-bar .profile-quote{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:1.2rem; | |
background:url(../images/quote.png) top left no-repeat; | |
line-height:1.4; | |
padding:.5rem | |
} | |
.profile-contacts{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column | |
} | |
.profile-content-tabs{ | |
z-index:9 | |
} | |
.profile-content-tabs .tab{ | |
color:#BDBDBD; | |
display:inline-block; | |
padding:1rem | |
} | |
.profile-content-tabs .tab.active,.profile-content-tabs .tab:hover{ | |
color:#757575; | |
transition:color .2s linear | |
} | |
.profile-content-tabs .tab.active .icon,.profile-content-tabs .tab:hover .icon{ | |
fill:#8c9eff | |
} | |
.profile-content-tabs .tab.active{ | |
background:#fff; | |
border-left:1px solid #EEE; | |
border-right:1px solid #EEE; | |
position:relative; | |
top:1px; | |
transition:color .2s linear | |
} | |
.profile-content-tabs .tab.active .icon{ | |
color:#3f51b5 | |
} | |
.profile-content-tabs .icon{ | |
fill:#BDBDBD; | |
height:.8rem; | |
margin-right:.5rem; | |
transition:fill .2s linear | |
} | |
.profile-sidebar h4{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
background:#f5f5f5; | |
color:#757575; | |
margin-bottom:.5rem; | |
padding:.5rem | |
} | |
.contact-team-large,.import-project-asana-form label .mumble{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.profile-sidebar h4 .icon{ | |
fill:#BDBDBD; | |
margin-right:.3rem; | |
margin-top:-3px; | |
vertical-align:middle | |
} | |
.profile-sidebar p{ | |
font-size:.9rem; | |
color:#BDBDBD | |
} | |
.profile-sidebar a{ | |
color:#3f51b5 | |
} | |
.contact-team{ | |
margin-left:.75rem | |
} | |
.contact-team-large{ | |
font-size:.9rem; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-left:0; | |
width:100% | |
} | |
.contact-team-large .icon-mail{ | |
margin-right:.5rem; | |
vertical-align:center | |
} | |
.lightbox-contact-project{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.lightbox-contact-project-container{ | |
max-width:600px; | |
text-align:center; | |
width:90% | |
} | |
.lightbox-contact-project-logo{ | |
width:5rem | |
} | |
.lightbox-contact-project-title{ | |
margin:0 | |
} | |
.lightbox-contact-project-name{ | |
font-size:1.6rem; | |
color:#3f51b5; | |
margin-bottom:1rem | |
} | |
.lightbox-contact-project-message{ | |
max-height:400px | |
} | |
.lightbox-contact-project-button{ | |
display:block; | |
margin-top:.5rem; | |
width:100% | |
} | |
.import-project-asana-form{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.import-project-asana-form{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.import-project-asana-form fieldset{ | |
margin-bottom:1rem | |
} | |
.import-project-asana-form label{ | |
font-size:.9rem; | |
display:block; | |
margin-bottom:.25rem | |
} | |
.import-project-asana-form label .mumble{ | |
margin-left:.25rem | |
} | |
.import-project-asana-form-check{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
position:relative | |
} | |
.import-project-asana-form-check span{ | |
display:block | |
} | |
.import-project-asana-form-check .description{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.import-project-asana-form-check .check{ | |
position:absolute; | |
right:0; | |
top:0 | |
} | |
.import-project-asana-form-title-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:0 | |
} | |
.import-project-asana-form-title-wrapper .create-project-title{ | |
display:inline-block | |
} | |
.import-project-asana-form-title-wrapper .icon{ | |
width:1.75rem; | |
height:1.75rem; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-asana-form-description,.import-project-asana-form-title{ | |
margin:0; | |
text-align:center | |
} | |
.import-project-asana-form-import-type label .icon,.import-project-asana-form-privacity label .icon{ | |
margin-right:.25rem | |
} | |
.import-project-asana-form-description{ | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.import-project-asana-form-limit{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575 | |
} | |
.import-project-asana-form-import-type input:checked+label,.import-project-asana-form-privacity input:checked+label,.import-project-asana-form-selector-template,.import-project-asana-form-type{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.import-project-asana-form-import-type{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-asana-form-import-type fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-asana-form-import-type fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-asana-form-import-type label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-asana-form-import-type label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-asana-form-import-type input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-asana-form-import-type input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-asana-form-import-type input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-asana-form-import-type input{ | |
display:none | |
} | |
.import-project-asana-form-import-type label{ | |
background:#f5f5f5 | |
} | |
.import-project-asana-form-privacity{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-asana-form-privacity fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-asana-form-privacity fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-asana-form-privacity label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-asana-form-privacity label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-asana-form-privacity input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-asana-form-privacity input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-asana-form-privacity input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-asana-form-privacity input{ | |
display:none | |
} | |
.import-project-asana-form-privacity label{ | |
background:#f5f5f5 | |
} | |
.import-project-asana-form-type{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:2rem; | |
text-transform:uppercase | |
} | |
.import-project-asana-form-type span{ | |
margin-left:.5rem | |
} | |
.import-project-asana-form-selector a{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
color:#424242; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
position:relative | |
} | |
.import-project-asana-form-action-back,.import-project-asana-form-action-cancel,.import-project-asana-form-selector a:hover{ | |
color:currentColor | |
} | |
.import-project-asana-form-selector li:hover{ | |
background:rgba(63,81,181,.1); | |
transition:background .3s ease-in | |
} | |
.import-project-asana-form-selector-icon{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
padding:1.5rem 1rem | |
} | |
.import-project-asana-form-selector-icon .icon{ | |
width:2.25rem; | |
height:2.25rem | |
} | |
.import-project-asana-form-selector-template-wrapper{ | |
-ms-flex:1; | |
flex:1; | |
padding:1.25rem | |
} | |
.import-project-asana-form-selector-template{ | |
text-transform:uppercase | |
} | |
.import-project-asana-form-selector-description{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.import-project-asana-form-selector-long-description{ | |
margin-top:1rem; | |
max-height:120px; | |
overflow:hidden; | |
transition:all .3s .2s cubic-bezier(0,0,.53,1.32) | |
} | |
.import-project-asana-form-selector-long-description.ng-hide{ | |
line-height:0; | |
max-height:0 | |
} | |
.import-project-asana-form-selector-question{ | |
position:absolute; | |
right:1.5rem; | |
top:1.5rem | |
} | |
.import-project-asana-form-selector-question:hover svg{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.import-project-asana-form-selector-question svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:#424242 | |
} | |
.import-project-asana-form-selector p{ | |
margin-bottom:0 | |
} | |
.import-project-asana-form-action{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:3rem 0 0 | |
} | |
.import-project-asana-form-action button{ | |
font-size:1.2rem; | |
padding:.75rem | |
} | |
.import-project-asana-form-action-submit{ | |
-ms-flex:4; | |
flex:4; | |
margin-left:1rem | |
} | |
.import-project-asana-form-action-back:hover,.import-project-asana-form-action-cancel:hover{ | |
color:#8c9eff | |
} | |
.import-project-asana-form-action-cancel{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.import-project-asana-form-action-back{ | |
width:10% | |
} | |
.import-project-asana-form-warning{ | |
font-size:.9rem; | |
border:1px solid #ff5252; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem; | |
margin-bottom:1rem | |
} | |
.import-project-asana-form-warning .icon-exclamation{ | |
fill:#ff5252; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-asana-form-warning a{ | |
color:#3f51b5; | |
display:inline-block; | |
margin-left:.25rem | |
} | |
.import-project-asana-form .spin{ | |
text-align:center; | |
width:100% | |
} | |
.create-project-asana-import-type{ | |
margin-bottom:1rem; | |
text-align:center | |
} | |
.create-project-asana-import-type-question{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.create-project-asana-import-type fieldset{ | |
background:#fff; | |
border-right:1px solid #EEE; | |
transition:background .2s linear | |
} | |
.create-project-asana-import-type fieldset:last-child{ | |
border:0 | |
} | |
.create-project-asana-import-type input{ | |
display:none | |
} | |
.create-project-asana-import-type input:checked+label{ | |
background:rgba(63,81,181,.1) | |
} | |
.create-project-asana-import-type label{ | |
background:#fff; | |
height:100%; | |
padding:1rem; | |
transition:background .2s ease-in | |
} | |
.create-project-asana-import-type label:hover{ | |
background:rgba(63,81,181,.1); | |
cursor:pointer | |
} | |
.create-project-asana-import-type-name{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
display:inline-block; | |
margin-bottom:.5rem | |
} | |
.create-project-asana-import-type-description{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem | |
} | |
.create-project{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.create-project{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.create-project fieldset{ | |
margin-bottom:1rem | |
} | |
.create-project label{ | |
font-size:.9rem; | |
display:block; | |
margin-bottom:.25rem | |
} | |
.create-project label .mumble{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-left:.25rem | |
} | |
.create-project-check{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
position:relative | |
} | |
.create-project-check span{ | |
display:block | |
} | |
.create-project-check .description{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.create-project-check .check{ | |
position:absolute; | |
right:0; | |
top:0 | |
} | |
.create-project-title-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:0 | |
} | |
.create-project-title-wrapper .create-project-title{ | |
display:inline-block | |
} | |
.create-project-title-wrapper .icon{ | |
width:1.75rem; | |
height:1.75rem; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.create-project-description,.create-project-title{ | |
margin:0; | |
text-align:center | |
} | |
.create-project-import-type label .icon,.create-project-privacity label .icon{ | |
margin-right:.25rem | |
} | |
.create-project-description{ | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.create-project-limit{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575 | |
} | |
.create-project-import-type input:checked+label,.create-project-privacity input:checked+label,.create-project-selector-template,.create-project-type{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.create-project-import-type{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.create-project-import-type fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.create-project-import-type fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.create-project-import-type label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.create-project-import-type label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.create-project-import-type input:checked+label{ | |
background:#dcdcdc | |
} | |
.create-project-import-type input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.create-project-import-type input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.create-project-import-type input{ | |
display:none | |
} | |
.create-project-import-type label{ | |
background:#f5f5f5 | |
} | |
.create-project-privacity{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.create-project-privacity label,.create-project-type{ | |
-ms-flex-align:center; | |
display:-ms-flexbox; | |
text-transform:uppercase | |
} | |
.create-project-privacity fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.create-project-privacity fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.create-project-privacity label{ | |
align-items:center; | |
cursor:pointer; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem | |
} | |
.create-project-privacity label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.create-project-privacity input:checked+label{ | |
background:#dcdcdc | |
} | |
.create-project-privacity input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.create-project-privacity input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.create-project-privacity input{ | |
display:none | |
} | |
.create-project-privacity label{ | |
background:#f5f5f5 | |
} | |
.create-project-type{ | |
align-items:center; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:2rem | |
} | |
.create-project-type span{ | |
margin-left:.5rem | |
} | |
.create-project-selector a{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
color:#424242; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
position:relative | |
} | |
.create-project-action-back,.create-project-action-cancel,.create-project-selector a:hover{ | |
color:currentColor | |
} | |
.create-project-selector li:hover{ | |
background:rgba(63,81,181,.1); | |
transition:background .3s ease-in | |
} | |
.create-project-selector li:first-child{ | |
border-top:1px solid #EEE | |
} | |
.create-project-selector-icon{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
padding:1.5rem 1rem | |
} | |
.create-project-selector-icon .icon{ | |
width:2.25rem; | |
height:2.25rem | |
} | |
.create-project-selector-template-wrapper{ | |
-ms-flex:1; | |
flex:1; | |
padding:1.25rem | |
} | |
.create-project-selector-template{ | |
text-transform:uppercase | |
} | |
.create-project-selector-description,.import-project-github-form label .mumble{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.create-project-selector-long-description{ | |
margin-top:1rem; | |
max-height:120px; | |
overflow:hidden; | |
transition:all .3s .2s cubic-bezier(0,0,.53,1.32) | |
} | |
.create-project-selector-long-description.ng-hide{ | |
line-height:0; | |
max-height:0 | |
} | |
.create-project-selector-question{ | |
position:absolute; | |
right:1.5rem; | |
top:1.5rem | |
} | |
.create-project-selector-question:hover svg{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.create-project-selector-question svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:#424242 | |
} | |
.create-project-selector p{ | |
margin-bottom:0 | |
} | |
.create-project-action{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:3rem 0 0 | |
} | |
.create-project-action button{ | |
font-size:1.2rem; | |
padding:.75rem | |
} | |
.create-project-action-submit{ | |
-ms-flex:4; | |
flex:4; | |
margin-left:1rem | |
} | |
.create-project-action-back:hover,.create-project-action-cancel:hover{ | |
color:#8c9eff | |
} | |
.create-project-action-cancel{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.create-project-action-back{ | |
width:10% | |
} | |
.create-project-warning{ | |
font-size:.9rem; | |
border:1px solid #ff5252; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem; | |
margin-bottom:1rem | |
} | |
.create-project-warning .icon-exclamation{ | |
fill:#ff5252; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.create-project-warning a{ | |
color:#3f51b5; | |
display:inline-block; | |
margin-left:.25rem | |
} | |
.create-project .spin{ | |
text-align:center; | |
width:100% | |
} | |
.duplicate-project-reference{ | |
margin-bottom:2rem | |
} | |
.import-project-github-form{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.import-project-github-form{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.import-project-github-form fieldset{ | |
margin-bottom:1rem | |
} | |
.import-project-github-form label{ | |
font-size:.9rem; | |
display:block; | |
margin-bottom:.25rem | |
} | |
.import-project-github-form label .mumble{ | |
margin-left:.25rem | |
} | |
.import-project-github-form-check{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
position:relative | |
} | |
.import-project-github-form-check span{ | |
display:block | |
} | |
.import-project-github-form-check .description{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.import-project-github-form-check .check{ | |
position:absolute; | |
right:0; | |
top:0 | |
} | |
.import-project-github-form-title-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:0 | |
} | |
.import-project-github-form-title-wrapper .create-project-title{ | |
display:inline-block | |
} | |
.import-project-github-form-title-wrapper .icon{ | |
width:1.75rem; | |
height:1.75rem; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-github-form-description,.import-project-github-form-title{ | |
margin:0; | |
text-align:center | |
} | |
.import-project-github-form-import-type label .icon,.import-project-github-form-privacity label .icon{ | |
margin-right:.25rem | |
} | |
.import-project-github-form-description{ | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.import-project-github-form-limit{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575 | |
} | |
.import-project-github-form-import-type input:checked+label,.import-project-github-form-privacity input:checked+label,.import-project-github-form-selector-template,.import-project-github-form-type{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.import-project-github-form-import-type{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-github-form-import-type fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-github-form-import-type fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-github-form-import-type label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-github-form-import-type label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-github-form-import-type input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-github-form-import-type input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-github-form-import-type input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-github-form-import-type input{ | |
display:none | |
} | |
.import-project-github-form-import-type label{ | |
background:#f5f5f5 | |
} | |
.import-project-github-form-privacity{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-github-form-privacity fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-github-form-privacity fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-github-form-privacity label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-github-form-privacity label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-github-form-privacity input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-github-form-privacity input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-github-form-privacity input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-github-form-privacity input{ | |
display:none | |
} | |
.import-project-github-form-privacity label{ | |
background:#f5f5f5 | |
} | |
.import-project-github-form-type{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:2rem; | |
text-transform:uppercase | |
} | |
.import-project-github-form-type span{ | |
margin-left:.5rem | |
} | |
.import-project-github-form-selector a{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
color:#424242; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
position:relative | |
} | |
.import-project-github-form-action-back,.import-project-github-form-action-cancel,.import-project-github-form-selector a:hover{ | |
color:currentColor | |
} | |
.import-project-github-form-selector li:hover{ | |
background:rgba(63,81,181,.1); | |
transition:background .3s ease-in | |
} | |
.import-project-github-form-selector li:first-child{ | |
border-top:1px solid #EEE | |
} | |
.import-project-github-form-selector-icon{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
padding:1.5rem 1rem | |
} | |
.import-project-github-form-selector-icon .icon{ | |
width:2.25rem; | |
height:2.25rem | |
} | |
.import-project-github-form-selector-template-wrapper{ | |
-ms-flex:1; | |
flex:1; | |
padding:1.25rem | |
} | |
.import-project-github-form-selector-template{ | |
text-transform:uppercase | |
} | |
.import-project-github-form-selector-description{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.import-project-github-form-selector-long-description{ | |
margin-top:1rem; | |
max-height:120px; | |
overflow:hidden; | |
transition:all .3s .2s cubic-bezier(0,0,.53,1.32) | |
} | |
.import-project-github-form-selector-long-description.ng-hide{ | |
line-height:0; | |
max-height:0 | |
} | |
.import-project-github-form-selector-question{ | |
position:absolute; | |
right:1.5rem; | |
top:1.5rem | |
} | |
.import-project-github-form-selector-question:hover svg{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.import-project-github-form-selector-question svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:#424242 | |
} | |
.import-project-github-form-selector p{ | |
margin-bottom:0 | |
} | |
.import-project-github-form-action{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:3rem 0 0 | |
} | |
.import-project-github-form-action button{ | |
font-size:1.2rem; | |
padding:.75rem | |
} | |
.import-project-github-form-action-submit{ | |
-ms-flex:4; | |
flex:4; | |
margin-left:1rem | |
} | |
.import-project-github-form-action-back:hover,.import-project-github-form-action-cancel:hover{ | |
color:#8c9eff | |
} | |
.import-project-github-form-action-cancel{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.import-project-github-form-action-back{ | |
width:10% | |
} | |
.import-project-github-form-warning{ | |
font-size:.9rem; | |
border:1px solid #ff5252; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem; | |
margin-bottom:1rem | |
} | |
.import-project-github-form-warning .icon-exclamation{ | |
fill:#ff5252; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-github-form-warning a{ | |
color:#3f51b5; | |
display:inline-block; | |
margin-left:.25rem | |
} | |
.import-project-github-form .spin{ | |
text-align:center; | |
width:100% | |
} | |
.create-project-github-import-type{ | |
margin-bottom:1rem; | |
text-align:center | |
} | |
.create-project-github-import-type p{ | |
margin-bottom:.5rem | |
} | |
.create-project-github-import-type-question{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.create-project-github-import-type fieldset{ | |
background:#fff; | |
border-right:1px solid #EEE; | |
transition:background .2s linear | |
} | |
.create-project-github-import-type fieldset:last-child{ | |
border:0 | |
} | |
.create-project-github-import-type input{ | |
display:none | |
} | |
.create-project-github-import-type input:checked+label{ | |
background:rgba(63,81,181,.1) | |
} | |
.create-project-github-import-type label{ | |
background:#fff; | |
height:100%; | |
padding:1rem; | |
transition:background .2s ease-in | |
} | |
.create-project-github-import-type label:hover{ | |
background:rgba(63,81,181,.1); | |
cursor:pointer | |
} | |
.create-project-github-import-type-name{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
display:inline-block; | |
margin-bottom:.5rem | |
} | |
.create-project-github-import-type-description{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem | |
} | |
.import-project-members{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.import-project-members{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.import-project-members .avatar{ | |
width:48px | |
} | |
.import-project-members-title{ | |
font-size:1rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
margin-bottom:0 | |
} | |
.import-project-description,.import-project-jira-form label .mumble{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.import-project-members-system{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin:1rem 0 0; | |
padding:.5rem 0 | |
} | |
.import-project-members-system img{ | |
width:100% | |
} | |
.import-project-members-logo{ | |
max-height:3rem; | |
max-width:3rem | |
} | |
.import-project-members-row{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
border-top:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding:.5rem 0 | |
} | |
.import-project-members-row:hover .import-project-members-delete{ | |
opacity:1; | |
transition:all .2s ease-in | |
} | |
.import-project-members-single{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-members-username{ | |
margin-left:1rem | |
} | |
.import-project-members .avatar.empty{ | |
background-color:#EEE; | |
line-height:3rem; | |
text-align:center; | |
width:3rem | |
} | |
.import-project-members-actions{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-members-delete{ | |
background:0 0; | |
opacity:0; | |
padding:.25rem .5rem | |
} | |
.import-project-members-delete svg{ | |
width:.75rem; | |
height:.75rem; | |
fill:#f44336 | |
} | |
.import-project-members-match{ | |
color:#BDBDBD | |
} | |
.import-project-members-match button{ | |
background:#fff; | |
border-radius:50%; | |
padding:.25rem .5rem | |
} | |
.import-project-members-match button svg{ | |
width:.75rem; | |
height:.75rem | |
} | |
.import-project-members-match-true{ | |
border:1px solid #3f51b5; | |
margin:0 .1rem 0 .25rem; | |
transition:background .2s | |
} | |
.import-project-members-match-true:hover{ | |
background:rgba(140,158,255,.3) | |
} | |
.import-project-members-match-true svg{ | |
fill:#3f51b5 | |
} | |
.import-project-members-match-false{ | |
border:1px solid #f44336; | |
margin:0 .25rem 0 .1rem; | |
transition:background .2s | |
} | |
.import-project-members-match-false:hover{ | |
background:rgba(244,67,54,.3) | |
} | |
.import-project-members-match-false svg{ | |
fill:#f44336 | |
} | |
.import-project-members-choose{ | |
color:#3f51b5; | |
padding-right:0; | |
text-transform:lowercase | |
} | |
.import-project-members-choose:hover{ | |
color:#8c9eff | |
} | |
.import-project-members-selected{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-members-selected-img{ | |
margin-left:.5rem; | |
max-width:3rem | |
} | |
.import-project-members-selected img{ | |
width:100% | |
} | |
.import-project-members-submit{ | |
display:block; | |
margin:2rem auto 0; | |
padding:.75rem 4rem | |
} | |
.import-project-selector{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.import-project-selector{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.import-project-selector .import-project-selector-service img{ | |
display:block; | |
margin:1rem auto; | |
width:4rem | |
} | |
.import-project-selector .import-project-selector-filter{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#EEE; | |
display:-ms-flexbox; | |
display:flex; | |
padding:.5rem | |
} | |
.import-project-selector .import-project-selector-filter input{ | |
background:#f5f5f5; | |
border:0; | |
-ms-flex:1; | |
flex:1; | |
padding:.5rem | |
} | |
.import-project-from-site,.import-project-selector .import-project-selector-title{ | |
border-bottom:1px solid #EEE; | |
padding:1rem | |
} | |
.import-project-selector .import-project-selector-filter svg{ | |
width:1rem; | |
height:1rem; | |
fill:#757575; | |
margin:0 1rem | |
} | |
.import-project-selector .import-project-selector-title:hover{ | |
background:rgba(63,81,181,.1); | |
cursor:pointer | |
} | |
.import-project-from-site{ | |
-ms-flex-align:center; | |
align-items:center; | |
color:#424242; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
position:relative | |
} | |
.import-project-from-site:hover{ | |
background:rgba(63,81,181,.1); | |
transition:background .3s ease-in | |
} | |
.import-project-from-site:first-child{ | |
border-top:1px solid #EEE | |
} | |
.import-project-from-site:first-child .import-project-name{ | |
margin:0 | |
} | |
.import-project-from-site:first-child .import-project-logo img{ | |
padding:0 .9rem 0 1rem; | |
width:5.1rem | |
} | |
.import-project-logo{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
margin-right:.5rem | |
} | |
.import-project-logo img{ | |
padding:0 1rem; | |
width:5rem | |
} | |
.import-project-name-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.import-project-description{ | |
margin-bottom:0 | |
} | |
.import-project-description a{ | |
color:#3f51b5; | |
margin-left:.3rem | |
} | |
.import-project-url{ | |
margin-top:.5rem | |
} | |
.import-project-input{ | |
vertical-align:middle | |
} | |
.import-project-button{ | |
background:#3f51b5; | |
color:#fff; | |
padding:.4rem 1rem | |
} | |
.create-project-invite-avatars{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap | |
} | |
.create-project-invite-avatar{ | |
cursor:pointer; | |
display:block; | |
margin-right:.25rem | |
} | |
.create-project-invite-avatar:hover{ | |
background:#f5f5f5; | |
position:relative; | |
border:0; | |
opacity:.9; | |
transition:all .2s; | |
transition-delay:.2s | |
} | |
.create-project-invite-avatar:hover:after,.create-project-invite-avatar:hover:before{ | |
content:""; | |
width:2px; | |
height:66px; | |
background:#ff8282; | |
position:absolute; | |
top:0 | |
} | |
.create-project-invite-avatar:hover:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.create-project-invite-avatar:hover:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.create-project-invite-avatar.disabled{ | |
opacity:.3; | |
transition:opacity .2s | |
} | |
.create-project-invite-avatar.disabled:hover{ | |
background:#f5f5f5; | |
position:relative; | |
border:0; | |
opacity:.6; | |
transition:all .2s ease-in | |
} | |
.create-project-invite-avatar.disabled:hover:after,.create-project-invite-avatar.disabled:hover:before{ | |
content:""; | |
width:2px; | |
height:33px; | |
background:#ff8282; | |
position:absolute; | |
top:0 | |
} | |
.create-project-invite-avatar.disabled:hover:after{ | |
transform:rotate(-45deg); | |
left:0; | |
transform-origin:top | |
} | |
.create-project-invite-avatar.disabled:hover:before{ | |
transform:rotate(45deg); | |
right:0; | |
transform-origin:top | |
} | |
.create-project-invite-avatar.disabled:hover::after{ | |
background:#424242; | |
left:24px; | |
top:8px; | |
transform:rotate(0); | |
transform-origin:center | |
} | |
.create-project-invite-avatar.disabled:hover::before{ | |
background:#424242; | |
right:22px; | |
top:8px; | |
transform:rotate(90deg); | |
transform-origin:center | |
} | |
.create-project-invite-avatar img{ | |
cursor:pointer; | |
width:3rem | |
} | |
.import-project-jira-form{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.import-project-jira-form{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.import-project-jira-form fieldset{ | |
margin-bottom:1rem | |
} | |
.import-project-jira-form label{ | |
font-size:.9rem; | |
display:block; | |
margin-bottom:.25rem | |
} | |
.import-project-jira-form label .mumble{ | |
margin-left:.25rem | |
} | |
.import-project-jira-form-check{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
position:relative | |
} | |
.import-project-jira-form-check span{ | |
display:block | |
} | |
.import-project-jira-form-check .description{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.import-project-jira-form-check .check{ | |
position:absolute; | |
right:0; | |
top:0 | |
} | |
.import-project-jira-form-title-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:0 | |
} | |
.import-project-jira-form-title-wrapper .create-project-title{ | |
display:inline-block | |
} | |
.import-project-jira-form-title-wrapper .icon{ | |
width:1.75rem; | |
height:1.75rem; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-jira-form-description,.import-project-jira-form-title{ | |
margin:0; | |
text-align:center | |
} | |
.import-project-jira-form-import-type label .icon,.import-project-jira-form-privacity label .icon{ | |
margin-right:.25rem | |
} | |
.import-project-jira-form-description{ | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.import-project-jira-form-limit{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575 | |
} | |
.import-project-jira-form-import-type input:checked+label,.import-project-jira-form-privacity input:checked+label,.import-project-jira-form-selector-template,.import-project-jira-form-type{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.import-project-jira-form-import-type{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-jira-form-import-type fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-jira-form-import-type fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-jira-form-import-type label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-jira-form-import-type label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-jira-form-import-type input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-jira-form-import-type input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-jira-form-import-type input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-jira-form-import-type input{ | |
display:none | |
} | |
.import-project-jira-form-import-type label{ | |
background:#f5f5f5 | |
} | |
.import-project-jira-form-privacity{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-jira-form-privacity fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-jira-form-privacity fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-jira-form-privacity label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-jira-form-privacity label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-jira-form-privacity input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-jira-form-privacity input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-jira-form-privacity input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-jira-form-privacity input{ | |
display:none | |
} | |
.import-project-jira-form-privacity label{ | |
background:#f5f5f5 | |
} | |
.import-project-jira-form-type{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:2rem; | |
text-transform:uppercase | |
} | |
.import-project-jira-form-type span{ | |
margin-left:.5rem | |
} | |
.import-project-jira-form-selector a{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
color:#424242; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
position:relative | |
} | |
.import-project-jira-form-action-back,.import-project-jira-form-action-cancel,.import-project-jira-form-selector a:hover{ | |
color:currentColor | |
} | |
.import-project-jira-form-selector li:hover{ | |
background:rgba(63,81,181,.1); | |
transition:background .3s ease-in | |
} | |
.import-project-jira-form-selector li:first-child{ | |
border-top:1px solid #EEE | |
} | |
.import-project-jira-form-selector-icon{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
padding:1.5rem 1rem | |
} | |
.import-project-jira-form-selector-icon .icon{ | |
width:2.25rem; | |
height:2.25rem | |
} | |
.import-project-jira-form-selector-template-wrapper{ | |
-ms-flex:1; | |
flex:1; | |
padding:1.25rem | |
} | |
.import-project-jira-form-selector-template{ | |
text-transform:uppercase | |
} | |
.create-project-import-type-info,.import-project-jira-form-selector-description{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.import-project-jira-form-selector-long-description{ | |
margin-top:1rem; | |
max-height:120px; | |
overflow:hidden; | |
transition:all .3s .2s cubic-bezier(0,0,.53,1.32) | |
} | |
.import-project-jira-form-selector-long-description.ng-hide{ | |
line-height:0; | |
max-height:0 | |
} | |
.import-project-jira-form-selector-question{ | |
position:absolute; | |
right:1.5rem; | |
top:1.5rem | |
} | |
.import-project-jira-form-selector-question:hover svg{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.import-project-jira-form-selector-question svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:#424242 | |
} | |
.import-project-jira-form-selector p{ | |
margin-bottom:0 | |
} | |
.import-project-jira-form-action{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:3rem 0 0 | |
} | |
.import-project-jira-form-action button{ | |
font-size:1.2rem; | |
padding:.75rem | |
} | |
.import-project-jira-form-action-submit{ | |
-ms-flex:4; | |
flex:4; | |
margin-left:1rem | |
} | |
.import-project-jira-form-action-back:hover,.import-project-jira-form-action-cancel:hover{ | |
color:#8c9eff | |
} | |
.import-project-jira-form-action-cancel{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.import-project-jira-form-action-back{ | |
width:10% | |
} | |
.import-project-jira-form-warning{ | |
font-size:.9rem; | |
border:1px solid #ff5252; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem; | |
margin-bottom:1rem | |
} | |
.import-project-jira-form-warning .icon-exclamation{ | |
fill:#ff5252; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-jira-form-warning a{ | |
color:#3f51b5; | |
display:inline-block; | |
margin-left:.25rem | |
} | |
.import-project-jira-form .spin{ | |
text-align:center; | |
width:100% | |
} | |
.create-project-import-type-info{ | |
font-size:.9rem; | |
margin-bottom:1rem | |
} | |
.create-project-type-issues-subform{ | |
margin:1rem 0 2rem | |
} | |
.create-project-type-issues-subform-title{ | |
font-size:.9rem; | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.create-project-type-issues-subform-radiogr input{ | |
opacity:0 | |
} | |
.create-project-type-issues-subform-radiogr input:checked+svg{ | |
fill:rgba(63,81,181,.6); | |
stroke:rgba(63,81,181,.1) | |
} | |
.create-project-type-issues-subform-radiogr svg{ | |
fill:#EEE; | |
stroke:#d5d5d5; | |
stroke-width:1px; | |
vertical-align:middle | |
} | |
.create-project-type-issues-subform-radiogr .control-indicator{ | |
padding-left:.25rem; | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.create-project-import-type{ | |
margin-bottom:.25rem | |
} | |
.create-project-import-type fieldset{ | |
margin:0 | |
} | |
tg-select-import-user-lightbox .form{ | |
-ms-flex-preferred-size:600px; | |
flex-basis:600px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:600px | |
} | |
tg-select-import-user-lightbox .candidate-user{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
padding-bottom:1.5rem | |
} | |
tg-select-import-user-lightbox .candidate-user .candidate-user-name{ | |
margin-left:.5rem | |
} | |
tg-select-import-user-lightbox .candidate-user .user-list-avatar{ | |
background-color:#f44336; | |
height:32px; | |
margin-right:.5rem; | |
width:32px | |
} | |
tg-select-import-user-lightbox .error{ | |
color:#ff5252; | |
text-align:center | |
} | |
tg-select-import-user-lightbox .more-users{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
padding:1rem; | |
text-align:center | |
} | |
tg-select-import-user-lightbox .group{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
tg-select-import-user-lightbox .group input{ | |
-ms-flex-positive:2; | |
flex-grow:2; | |
margin-right:.5rem | |
} | |
tg-select-import-user-lightbox .group .submit-button{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:auto | |
} | |
tg-select-import-user-lightbox .search-user-mode{ | |
font-size:.9rem; | |
background:0 0; | |
margin-top:2rem; | |
padding:.5rem; | |
text-align:left; | |
transition:.2s; | |
width:100% | |
} | |
tg-select-import-user-lightbox .search-user-mode:hover{ | |
color:#3f51b5 | |
} | |
tg-select-import-user-lightbox label{ | |
display:block; | |
padding-bottom:.5rem | |
} | |
.import-project-trello-form{ | |
margin:1rem auto; | |
min-width:768px; | |
max-width:800px | |
} | |
@media (max-width:767px){ | |
.import-project-trello-form{ | |
width:90%; | |
min-width:0 | |
} | |
} | |
.import-project-trello-form fieldset{ | |
margin-bottom:1rem | |
} | |
.import-project-trello-form label{ | |
font-size:.9rem; | |
display:block; | |
margin-bottom:.25rem | |
} | |
.import-project-trello-form label .mumble{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
margin-left:.25rem | |
} | |
.import-project-trello-form-check{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
position:relative | |
} | |
.import-project-trello-form-check span{ | |
display:block | |
} | |
.import-project-trello-form-check .description{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif | |
} | |
.import-project-trello-form-check .check{ | |
position:absolute; | |
right:0; | |
top:0 | |
} | |
.import-project-trello-form-title-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:0 | |
} | |
.import-project-trello-form-title-wrapper .create-project-title{ | |
display:inline-block | |
} | |
.import-project-trello-form-title-wrapper .icon{ | |
width:1.75rem; | |
height:1.75rem; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-trello-form-description,.import-project-trello-form-title{ | |
margin:0; | |
text-align:center | |
} | |
.import-project-trello-form-import-type label .icon,.import-project-trello-form-privacity label .icon{ | |
margin-right:.25rem | |
} | |
.import-project-trello-form-description{ | |
color:#BDBDBD; | |
margin-bottom:2rem | |
} | |
.import-project-trello-form-limit{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
font-size:.9rem; | |
color:#757575 | |
} | |
.import-project-trello-form-import-type input:checked+label,.import-project-trello-form-privacity input:checked+label,.import-project-trello-form-selector-template,.import-project-trello-form-type{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.import-project-trello-form-import-type{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-trello-form-import-type fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-trello-form-import-type fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-trello-form-import-type label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-trello-form-import-type label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-trello-form-import-type input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-trello-form-import-type input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-trello-form-import-type input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-trello-form-import-type input{ | |
display:none | |
} | |
.import-project-trello-form-import-type label{ | |
background:#f5f5f5 | |
} | |
.import-project-trello-form-privacity{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.import-project-trello-form-privacity fieldset:first-child label{ | |
border-radius:.25rem 0 0 .25rem | |
} | |
.import-project-trello-form-privacity fieldset:last-child label{ | |
border-radius:0 .25rem .25rem 0 | |
} | |
.import-project-trello-form-privacity label{ | |
-ms-flex-align:center; | |
align-items:center; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
padding:.75rem; | |
text-transform:uppercase | |
} | |
.import-project-trello-form-privacity label:hover{ | |
background:#e8e8e8; | |
transition:background .2s linear | |
} | |
.import-project-trello-form-privacity input:checked+label{ | |
background:#dcdcdc | |
} | |
.import-project-trello-form-privacity input:disabled+label{ | |
cursor:not-allowed; | |
color:#e3e3e3 | |
} | |
.import-project-trello-form-privacity input:disabled+label .icon{ | |
color:#e3e3e3 | |
} | |
.import-project-trello-form-privacity input{ | |
display:none | |
} | |
.import-project-trello-form-privacity label{ | |
background:#f5f5f5 | |
} | |
.import-project-trello-form-type{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-bottom:2rem; | |
text-transform:uppercase | |
} | |
.import-project-trello-form-type span{ | |
margin-left:.5rem | |
} | |
.import-project-trello-form-selector a{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
color:#424242; | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
position:relative | |
} | |
.import-project-trello-form-action-back,.import-project-trello-form-action-cancel,.import-project-trello-form-selector a:hover{ | |
color:currentColor | |
} | |
.import-project-trello-form-selector li:hover{ | |
background:rgba(63,81,181,.1); | |
transition:background .3s ease-in | |
} | |
.import-project-trello-form-selector li:first-child{ | |
border-top:1px solid #EEE | |
} | |
.import-project-trello-form-selector-icon{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
padding:1.5rem 1rem | |
} | |
.import-project-trello-form-selector-icon .icon{ | |
width:2.25rem; | |
height:2.25rem | |
} | |
.import-project-trello-form-selector-template-wrapper{ | |
-ms-flex:1; | |
flex:1; | |
padding:1.25rem | |
} | |
.import-project-trello-form-selector-template{ | |
text-transform:uppercase | |
} | |
.import-project-trello-form-selector-description,.project-list-wrapper .project-list-title h1,.transfer-project .transfer-title,.transfer-project-title{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif | |
} | |
.import-project-trello-form-selector-long-description{ | |
margin-top:1rem; | |
max-height:120px; | |
overflow:hidden; | |
transition:all .3s .2s cubic-bezier(0,0,.53,1.32) | |
} | |
.import-project-trello-form-selector-long-description.ng-hide{ | |
line-height:0; | |
max-height:0 | |
} | |
.import-project-trello-form-selector-question{ | |
position:absolute; | |
right:1.5rem; | |
top:1.5rem | |
} | |
.import-project-trello-form-selector-question:hover svg{ | |
fill:#3f51b5; | |
transition:fill .2s linear | |
} | |
.import-project-trello-form-selector-question svg{ | |
width:1.2rem; | |
height:1.2rem; | |
fill:#424242 | |
} | |
.import-project-trello-form-selector p{ | |
margin-bottom:0 | |
} | |
.import-project-trello-form-action{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:3rem 0 0 | |
} | |
.import-project-trello-form-action button{ | |
font-size:1.2rem; | |
padding:.75rem | |
} | |
.import-project-trello-form-action-submit{ | |
-ms-flex:4; | |
flex:4; | |
margin-left:1rem | |
} | |
.import-project-trello-form-action-back:hover,.import-project-trello-form-action-cancel:hover{ | |
color:#8c9eff | |
} | |
.import-project-trello-form-action-cancel{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.import-project-trello-form-action-back{ | |
width:10% | |
} | |
.import-project-trello-form-warning{ | |
font-size:.9rem; | |
border:1px solid #ff5252; | |
display:-ms-flexbox; | |
display:flex; | |
padding:1rem; | |
margin-bottom:1rem | |
} | |
.profile-projects,.profile-timeline,.transfer-project-detail{ | |
border-top:1px solid #EEE | |
} | |
.import-project-trello-form-warning .icon-exclamation{ | |
fill:#ff5252; | |
margin-right:.5rem; | |
vertical-align:middle | |
} | |
.import-project-trello-form-warning a{ | |
color:#3f51b5; | |
display:inline-block; | |
margin-left:.25rem | |
} | |
.import-project-trello-form .spin{ | |
text-align:center; | |
width:100% | |
} | |
.warning-users-import-lightbox{ | |
max-width:600px | |
} | |
.warning-users-import-lightbox .warning-users-import-title{ | |
text-align:center | |
} | |
.warning-users-import-lightbox .actions{ | |
display:-ms-flexbox; | |
display:flex; | |
margin:2rem | |
} | |
.warning-users-import-lightbox .actions button{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.warning-users-import-lightbox .actions button:first-child{ | |
-ms-flex:0; | |
flex:0; | |
-ms-flex-preferred-size:40%; | |
flex-basis:40%; | |
margin-right:.5rem | |
} | |
.warning-users-import-lightbox .actions .button-trans{ | |
color:#424242 | |
} | |
.profile-projects .list-itemtype-project{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
min-height:9rem; | |
padding:.75rem | |
} | |
.profile-projects .list-itemtype-project.blocked-project .list-itemtype-project-image,.profile-projects .list-itemtype-project.blocked-project .list-itemtype-project-right,.profile-projects .list-itemtype-project.blocked-project .project-description,.profile-projects .list-itemtype-project.blocked-project .project-title{ | |
opacity:.4 | |
} | |
.profile-projects .list-itemtype-project .project-list-single-title-wrapper{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.profile-projects .list-itemtype-project .list-itemtype-project-image{ | |
-ms-flex-negative:0; | |
flex-shrink:0 | |
} | |
.profile-projects .list-itemtype-project .list-itemtype-project-right{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
width:200px | |
} | |
.profile-projects .list-itemtype-project .icon-blocked-project,.project-list-wrapper .icon-badge,.project-list-wrapper .icon-blocked-project,.project-list-wrapper .icon-lock{ | |
width:1rem; | |
height:1rem | |
} | |
.project-list-wrapper{ | |
position:relative | |
} | |
.project-list-wrapper .project-list-title{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#f5f5f5; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
margin:2rem 0 1rem; | |
padding:.9rem 1rem | |
} | |
.project-list-wrapper .project-list-title h1{ | |
font-size:1.6rem; | |
margin:0 | |
} | |
.project-list-wrapper .icon-badge{ | |
margin-left:.5rem | |
} | |
.project-list-wrapper .create-project-btn{ | |
margin-right:.25rem; | |
padding:.6rem 2.5rem | |
} | |
.project-list-wrapper .import-project-button{ | |
padding:.53rem .8rem | |
} | |
.project-list-wrapper .import-project-button:hover .icon-upload{ | |
fill:#8c9eff | |
} | |
.project-list-wrapper .import-project-button .icon-upload{ | |
fill:#fff | |
} | |
.project-list-wrapper .project-list-section{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.project-list-wrapper .project-list{ | |
-ms-flex:1; | |
flex:1; | |
margin-right:2rem | |
} | |
.project-list-wrapper .help-area{ | |
font-size:.9rem; | |
color:#BDBDBD; | |
width:200px | |
} | |
.project-list-wrapper .list-itemtype-project{ | |
background:rgba(255,255,255,.6) | |
} | |
.project-list-wrapper .list-itemtype-project:hover{ | |
background:rgba(140,158,255,.1); | |
cursor:move; | |
transition:background .3s | |
} | |
.project-list-wrapper .list-itemtype-project:hover .drag{ | |
opacity:1 | |
} | |
.project-list-wrapper .list-itemtype-project.blocked-project .icon-badge,.project-list-wrapper .list-itemtype-project.blocked-project .list-itemtype-project-image,.project-list-wrapper .list-itemtype-project.blocked-project .private,.project-list-wrapper .list-itemtype-project.blocked-project .project-description,.project-list-wrapper .list-itemtype-project.blocked-project .project-title{ | |
opacity:.25 | |
} | |
.project-list-wrapper .list-itemtype-project.blocked-project:hover .icon-drag{ | |
opacity:1 | |
} | |
.project-list-wrapper .list-itemtype-project .list-itemtype-project-data-wrapper{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.project-list-wrapper .list-itemtype-project .list-itemtype-project-image{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1rem | |
} | |
.project-list-wrapper .drag{ | |
-ms-flex-item-align:center; | |
-ms-grid-row-align:center; | |
align-self:center; | |
opacity:0 | |
} | |
.project-list-wrapper .drag svg{ | |
fill:#BDBDBD; | |
height:1.1rem; | |
margin-right:.5rem; | |
transition:opacity .2s; | |
width:1.1rem | |
} | |
.project-list-wrapper .gu-transit{ | |
background-color:#f6f6f6; | |
height:5rem; | |
opacity:1 | |
} | |
.project-list-wrapper .gu-transit *{ | |
display:none | |
} | |
.project-list-wrapper .gu-mirror{ | |
background:#fff; | |
opacity:1 | |
} | |
.blocked-project-detail,.transfer-project{ | |
background:url(../images/discover.png) bottom center repeat-x; | |
min-height:calc(100vh - 40px) | |
} | |
.blocked-project-detail{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:calc(100vh - 40px); | |
-ms-flex-pack:center; | |
justify-content:center; | |
min-width:100vw; | |
width:100vw | |
} | |
.blocked-project-inner{ | |
width:330px | |
} | |
.blocked-project-title{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex | |
} | |
.blocked-project-title .project-image{ | |
-ms-flex-preferred-size:6rem; | |
flex-basis:6rem; | |
margin-right:1rem; | |
max-width:6rem; | |
position:relative | |
} | |
.blocked-project-title img{ | |
width:100% | |
} | |
.blocked-project-title .icon-blocked-project{ | |
width:1.5rem; | |
height:1.5rem; | |
position:absolute; | |
right:-.5rem; | |
top:-.5rem | |
} | |
.blocked-project-title .project-title{ | |
font-size:1.6rem | |
} | |
.blocked-project-message{ | |
margin-top:4rem; | |
text-align:center | |
} | |
.blocked-project-message .project-block-title{ | |
font-size:2rem | |
} | |
.transfer-project-wrapper{ | |
-ms-flex-preferred-size:500px; | |
flex-basis:500px; | |
-ms-flex-positive:0; | |
flex-grow:0; | |
width:90% | |
} | |
.transfer-project{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:calc(100vh - 40px); | |
-ms-flex-pack:center; | |
justify-content:center | |
} | |
.master,body{ | |
background:#fff | |
} | |
.transfer-project-detail{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid #EEE; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin:1rem 0 3rem; | |
padding:1rem 0 | |
} | |
.transfer-project-image{ | |
margin-right:1rem; | |
width:4rem | |
} | |
.transfer-project-title{ | |
font-size:1.6rem; | |
margin-bottom:.25rem | |
} | |
.transfer-project-statistics span{ | |
color:#BDBDBD; | |
margin-right:.5rem | |
} | |
.transfer-project-statistics svg{ | |
fill:#BDBDBD; | |
margin-right:.25rem | |
} | |
.transfer-project-private{ | |
text-transform:uppercase | |
} | |
.transfer-project-comment-link{ | |
color:#3f51b5; | |
cursor:pointer; | |
display:block; | |
margin-bottom:1rem | |
} | |
.transfer-project-comment-link:hover{ | |
color:#8c9eff | |
} | |
.transfer-project-comment-header{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between | |
} | |
.transfer-project-comment-header .icon-close{ | |
cursor:pointer; | |
fill:#BDBDBD | |
} | |
.transfer-project-comment-header .icon-close:hover{ | |
fill:#ff5252; | |
transition:fill .2s | |
} | |
.transfer-project-comment-form.ng-enter{ | |
animation:dropdownFade .2s | |
} | |
.transfer-project-comment-label{ | |
display:block; | |
margin-bottom:.5rem | |
} | |
.transfer-project-comment{ | |
margin-bottom:1rem; | |
min-height:6rem | |
} | |
.transfer-project-options{ | |
display:-ms-flexbox; | |
display:flex | |
} | |
.transfer-project-options a{ | |
font-size:1.2rem; | |
display:block; | |
-ms-flex:1; | |
flex:1; | |
padding:.75rem | |
} | |
.transfer-project-options a:first-child{ | |
margin-right:.5rem | |
} | |
.profile-timeline .activity-item{ | |
border-bottom:1px solid #EEE; | |
padding:1rem .5rem 1rem 0; | |
position:relative | |
} | |
.profile-timeline .activity-item p{ | |
margin-bottom:0 | |
} | |
.profile-timeline .activity-item .username,.profile-timeline .activity-item a{ | |
color:#3f51b5 | |
} | |
.profile-timeline .activity-item .username:first-child,.profile-timeline .activity-item a:first-child{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif; | |
color:#757575 | |
} | |
.profile-timeline .activity-item a:hover{ | |
color:#8c9eff | |
} | |
.profile-timeline .activity-item blockquote{ | |
line-height:1.4rem; | |
margin-bottom:0; | |
margin-left:calc(35px + 1rem); | |
margin-top:.5rem; | |
overflow-x:auto; | |
overflow-y:hidden; | |
white-space:pre-line | |
} | |
.profile-timeline .activity-item img{ | |
max-height:640px; | |
max-width:640px | |
} | |
.profile-timeline .activity-item .activity-info{ | |
-ms-flex-align:center; | |
align-items:center; | |
color:#BDBDBD; | |
display:-ms-flexbox; | |
display:flex; | |
margin-right:130px | |
} | |
.profile-timeline .activity-item .activity-date{ | |
color:#BDBDBD; | |
font-size:.75rem; | |
position:absolute; | |
right:.5rem; | |
top:1.2rem | |
} | |
.profile-timeline .activity-item .profile-contact-picture,.profile-timeline .activity-item .profile-member-picture{ | |
border-radius:.1rem; | |
-ms-flex-preferred-size:2rem; | |
flex-basis:2rem; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
margin-right:1rem; | |
vertical-align:center; | |
width:2rem | |
} | |
.profile-timeline .activity-item .profile-contact-picture img,.profile-timeline .activity-item .profile-member-picture img{ | |
width:100% | |
} | |
.profile-timeline .activity-item .new-color{ | |
border-radius:50%; | |
display:inline-block; | |
height:1rem; | |
margin-left:.2rem; | |
position:relative; | |
top:.1rem; | |
width:1rem | |
} | |
.profile-timeline .activity-member-view{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:.5rem; | |
margin-left:calc(35px + 1rem); | |
margin-top:.5rem | |
} | |
.profile-timeline .activity-member-view .profile-member-picture{ | |
-ms-flex-preferred-size:3rem; | |
flex-basis:3rem; | |
width:3rem | |
} | |
.profile-timeline .activity-member-view .activity-member-info{ | |
-ms-flex:1; | |
flex:1 | |
} | |
.profile-timeline .activity-member-view a{ | |
font-family:OpenSans-Semibold,Arial,Helvetica,sans-serif | |
} | |
.profile-timeline .activity-member-view p{ | |
color:#BDBDBD | |
} | |
a,body{ | |
color:#424242 | |
} | |
.profile-timeline .single-attachment{ | |
border:0; | |
padding:0 | |
} | |
.profile-timeline .single-attachment span{ | |
font-family:OpenSans-Regular,Arial,Helvetica,sans-serif; | |
font-size:1rem; | |
display:inline-block; | |
max-width:95%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
vertical-align:sub; | |
white-space:nowrap | |
} | |
.profile-timeline .single-attachment .icon{ | |
fill:#424242; | |
margin-right:.5rem | |
} | |
.profile-timeline .spin{ | |
margin:10% auto; | |
width:3rem | |
} | |
.profile-timeline .spin img{ | |
animation:rotate 1.5s cubic-bezier(0,.05,.87,1.04) infinite alternate; | |
margin:0 auto; | |
transform-origin:32 32; | |
max-height:3rem; | |
max-width:3rem | |
} | |
.wiki-history{ | |
margin-bottom:2rem | |
} | |
:root .taskboard-table-body .task-row,_:-ms-fullscreen .task-row{ | |
min-height:auto | |
} | |
svg{ | |
pointer-events:none | |
} | |
a[ng-click] svg{ | |
pointer-events:auto | |
} | |
tg-card .card-title span:last-child{ | |
word-break:break-word | |
} | |
@font-face{ | |
font-family:OpenSans-CondLight; | |
src:url(../fonts/OpenSans-CondLight.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-CondLight.woff) format("woff"),url(../fonts/OpenSans-CondLight.ttf) format("truetype"),url(../fonts/OpenSans-CondLight.svgOpenSans-CondLight) format("svg") | |
} | |
@font-face{ | |
font-family:OpenSans-Light; | |
src:url(../fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Light.woff) format("woff"),url(../fonts/OpenSans-Light.ttf) format("truetype"),url(../fonts/OpenSans-Light.svgOpenSans-Light) format("svg") | |
} | |
@font-face{ | |
font-family:opensans-regular; | |
src:url(../fonts/opensans-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans-regular.woff) format("woff"),url(../fonts/opensans-regular.ttf) format("truetype"),url(../fonts/opensans-regular.svgopensans-regular) format("svg") | |
} | |
@font-face{ | |
font-family:opensans-semibold; | |
src:url(../fonts/opensans-semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans-semibold.woff) format("woff"),url(../fonts/opensans-semibold.ttf) format("truetype"),url(../fonts/opensans-semibold.svgopensans-semibold) format("svg") | |
} | |
@font-face{ | |
font-family:taiga; | |
src:url(../fonts/taiga.eot?#iefix) format("embedded-opentype"),url(../fonts/taiga.woff) format("woff"),url(../fonts/taiga.ttf) format("truetype"),url(../fonts/taiga.svgtaiga) format("svg") | |
} | |
.menu-secondary{ | |
background:#fcfdff | |
} | |
.menu-tertiary{ | |
background-color:#1a237e | |
} | |
.extrabar{ | |
background:#fcfdff | |
} | |
h1,h2,h3,h4,h5,h6{ | |
color:#212121 | |
} | |
a:hover{ | |
color:#3f51b5 | |
} | |
input[type=number],input[type=text],input[type=password],input[type=url],input[type=email],input[type=date],select,textarea{ | |
background:#f5f5f5; | |
border-color:#3f51b5; | |
color:#424242 | |
} | |
input[type=number]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ | |
color:#a4a4a4 | |
} | |
input[type=number]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=date]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{ | |
color:#a4a4a4 | |
} | |
input[type=number]:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=url]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=date]:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder{ | |
color:#a4a4a4 | |
} | |
input[type=number]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{ | |
color:#a4a4a4 | |
} | |
input[type=number].checksley-error,input[type=text].checksley-error,input[type=password].checksley-error,input[type=url].checksley-error,input[type=email].checksley-error,input[type=date].checksley-error,select.checksley-error,textarea.checksley-error{ | |
border:1px solid #f44336 | |
} | |
.checksley-error-list{ | |
font-family:OpenSans-Light,Arial,Helvetica,sans-serif; | |
background:rgba(244,67,54,.7); | |
color:#fff | |
} | |
blockquote{ | |
border-left:5px solid #8c9eff | |
} | |
blockquote,blockquote p,cite{ | |
color:#757575 | |
} | |
.summary{ | |
background:#424242; | |
color:#fff | |
} | |
.navbar{ | |
background:rgba(147,194,109,.9) | |
} | |
.navbar::after{ | |
background:url(../images/menu-vert.png) top left | |
} | |
tg-project-menu{ | |
background-color:#0d113f; | |
background-image:none | |
} | |
.main-nav svg path{ | |
fill:#fff | |
} | |
.taskboard-table-header .task-colum-name{ | |
background:#f5f5f5; | |
border-top:3px solid #3f51b5 | |
} | |
.taskboard-table-header .task-colum-name .icon{ | |
fill:#3f51b5 | |
} | |
.taskboard-table-body .taskboard-tasks-box{ | |
background:#f5f5f5 | |
} | |
.kanban-table-header .task-colum-name{ | |
background:#fbfbfb; | |
border-top:3px solid #3f51b5 | |
} | |
.kanban-table-header .task-colum-name .icon{ | |
color:#3f51b5 | |
} | |
.kanban-table-body .kanban-uses-box{ | |
background:#fbfbfb | |
} | |
/* Adjustments by Kevin Payravi */ | |
.member-stats{ | |
display: none !important; | |
} | |
.logo-svg { | |
display: none !important; | |
} | |
h1.logo { | |
display: none !important; | |
} | |
h2.tagline { | |
display: none !important; | |
} | |
tg-vote-button { | |
display: none !important; | |
} | |
tg-us-estimation { | |
display: none !important; | |
} | |
tg-us-team-requirement-button { | |
display: none !important; | |
} | |
tg-us-client-requirement-button { | |
display: none !important; | |
} | |
fieldset.ticket-estimation { | |
display: none !important; | |
} | |
tg-block-button { | |
display: none !important; | |
} | |
.add-tag-button { | |
background: #BDBDBD !important; | |
color: #FFFFFF !important; | |
height: 35px !important; | |
padding: 0px 10px !important; | |
transition: background .25s !important; | |
} | |
.add-tag-button:hover { | |
background: #8c9eff !important; | |
} | |
a.add-tag-button:hover { | |
color: #FFFFFF !important; | |
} | |
.team-requirement { | |
display: none !important; | |
} | |
.client-requirement { | |
display: none !important; | |
} | |
.blocking-flag { | |
display: none !important; | |
} | |
[tg-profile-hints] { | |
display: none !important; | |
} | |
a.logo { | |
background-image: url('../images/leaf-icon.png') !important; | |
background-repeat: no-repeat !important; | |
height: 30px !important; | |
width: 30px !important; | |
margin-right: 20px !important; | |
background-color: rgba(147,194,109,.0) !important; | |
margin-left: 10px !important; | |
} | |
#logo-svg { | |
display: none !important; | |
} | |
.create-project-privacity { | |
display: none !important; | |
} | |
[tg-nav="create-project-scrum"] { | |
display: none !important; | |
} | |
[tg-nav="create-project-import"] { | |
display: none !important; | |
} | |
[title="Add New bulk"] { | |
display: none !important; | |
} | |
a.customLink { | |
color: #3f51b5; | |
font-weight: 600; | |
} | |
a.customLink:hover { | |
color: #8c9eff; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment