You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
183 lines
3.6 KiB
183 lines
3.6 KiB
/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net |
|
This file is licensed under the Affero General Public License version 3 or later. |
|
See the COPYING-README file. */ |
|
|
|
#dropdown { |
|
display: block; |
|
background: #fff; |
|
border-top-left-radius: 3px; |
|
border-bottom-left-radius: 3px; |
|
border-left: 1px solid rgb(235, 235, 235); |
|
border-bottom: 1px solid rgb(235, 235, 235); |
|
box-shadow: 0 1px 10px rgba(150, 150, 150, 0.75); |
|
margin-right: 0; |
|
position: absolute; |
|
right: 0; |
|
width: 420px; |
|
z-index: 500; |
|
padding: 16px; |
|
top: 44px; |
|
left: auto; |
|
} |
|
|
|
#dropdown.shareDropDown .unshare.icon-loading-small { |
|
margin-top: 1px; |
|
} |
|
|
|
#dropdown.shareDropDown .shareWithLoading, |
|
#dropdown.shareDropDown .linkShare .icon-loading-small { |
|
display: inline-block !important; |
|
padding-left: 10px; |
|
} |
|
#dropdown.shareDropDown .shareWithLoading { |
|
position: absolute; |
|
padding: 11px; |
|
right: 17px; |
|
top: 18px; |
|
} |
|
#app-content #dropdown.shareDropDown .shareWithLoading { |
|
/* The "box-sizing" of "#app-content" descendants is set to "border-box" in |
|
* the server. To have the same size the padding here has to be set to the |
|
* min-width/min-height plus the padding set for the icon in the default |
|
* "content-box" sizing. */ |
|
padding: 19px; |
|
} |
|
#dropdown.shareDropDown .icon-loading-small.hidden { |
|
display: none !important; |
|
} |
|
|
|
#dropdown .shareWithConfirm { |
|
padding: 5px; |
|
right: 14px; |
|
top: 14px; |
|
background-color: transparent !important; |
|
} |
|
|
|
#app-content #dropdown .shareWithConfirm { |
|
/* The "box-sizing" of "#app-content" descendants is set to "border-box" in |
|
* the server. To have the same size the padding here has to be set to the |
|
* min-width/min-height plus the padding set for the icon in the default |
|
* "content-box" sizing. */ |
|
padding: 19px; |
|
} |
|
|
|
#dropdown .avatar { |
|
margin-right: 8px; |
|
display: inline-block; |
|
overflow: hidden; |
|
vertical-align: middle; |
|
width: 32px; |
|
height: 32px; |
|
} |
|
|
|
#dropdown label { |
|
font-weight:400; |
|
white-space: nowrap; |
|
} |
|
|
|
#dropdown input[type="checkbox"] { |
|
margin:0 3px 0 8px; |
|
vertical-align: middle; |
|
} |
|
|
|
a.showCruds { |
|
display:inline; |
|
opacity:.5; |
|
} |
|
|
|
#shareWithList > li > a.unshare { |
|
display:inline; |
|
float:right; |
|
opacity:.5; |
|
padding:5px 0 0 5px !important; |
|
margin-top:-5px; |
|
} |
|
|
|
#link { |
|
border-top:1px solid #ddd; |
|
padding-top:8px; |
|
} |
|
|
|
#dropdown input[type="text"],#dropdown input[type="password"] { |
|
width: 100%; |
|
padding-right: 44px; |
|
text-overflow: ellipsis; |
|
} |
|
#dropdown input#linkText.no-menu-item { |
|
padding-right: 6px; |
|
} |
|
|
|
#dropdown form { |
|
font-size: 100%; |
|
margin-left: 0; |
|
margin-right: 0; |
|
} |
|
|
|
#linkText,#linkTextMore,#linkPass,#expiration, |
|
/* Override "display: inline-block" rule for controls in server */ |
|
#controls #linkText,#controls #linkTextMore { |
|
display:none; |
|
} |
|
|
|
#linkText-container { |
|
position: relative; |
|
} |
|
|
|
#linkTextMore, |
|
.shareWithConfirm { |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
margin: 0 !important; |
|
background-color: transparent; |
|
border: none; |
|
} |
|
|
|
#slideshow #linkTextMore { |
|
padding: 17px; |
|
} |
|
|
|
#controls #linkSocial { |
|
right: -3px; |
|
} |
|
|
|
#slideshow #linkSocial { |
|
right: -6px; |
|
} |
|
|
|
#linkSocial .icon { |
|
background-size: 16px; |
|
} |
|
|
|
#link #showPassword img { |
|
padding-left:5px; |
|
width:12px; |
|
} |
|
|
|
.reshare,#link label, |
|
#expiration label { |
|
display: inline-block; |
|
padding: 6px 4px; |
|
} |
|
|
|
a.showCruds:hover,a.unshare:hover { |
|
opacity:1; |
|
} |
|
|
|
#defaultExpireMessage, /* fix expire message going out of box */ |
|
.reshare { /* fix shared by text going out of box */ |
|
white-space:normal; |
|
} |
|
|
|
#defaultExpireMessage { /* show message on new line */ |
|
display: block; |
|
padding-left: 4px; |
|
/* TODO: style the dropdown in a proper way - border-box, etc. */ |
|
width: 90%; |
|
} |
|
|
|
.notCreatable { |
|
padding-left: 12px; |
|
padding-top: 12px; |
|
color: #999; |
|
}
|
|
|