diff options
| author | Thomas Tanghus <thomas@tanghus.net> | 2012-07-31 12:21:06 +0200 |
|---|---|---|
| committer | Thomas Tanghus <thomas@tanghus.net> | 2012-07-31 12:23:22 +0200 |
| commit | 553773f2e1d2b8af7da757b7551a436ffc27a129 (patch) | |
| tree | f9c67d091209a6e057b41bd34c2d0a9f0b42a1fa /core/css | |
| parent | 8a92cd21d6768fc27c4892583bef327da9a7e5f4 (diff) | |
| download | nextcloud-server-553773f2e1d2b8af7da757b7551a436ffc27a129.tar.gz nextcloud-server-553773f2e1d2b8af7da757b7551a436ffc27a129.zip | |
Popup for app specific settings.
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/styles.css | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index c61d0a9a1ab..d032dcab2ea 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -157,3 +157,14 @@ a.bookmarklet { background-color: #ddd; border:1px solid #ccc; padding: 5px;padd #categorylist li { background:#f8f8f8; padding:.3em .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:background-color 500ms; -moz-transition:background-color 500ms; -o-transition:background-color 500ms; transition:background-color 500ms; } #categorylist li:hover, li:active { background:#eee; } #category_addinput { width: 10em; } + +/* ---- APP SETTINGS ---- */ +.popup { background-color: white; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 20px #888888; color: #333333; padding: 10px; position: absolute; z-index: 200; } +.popup.topright { top: -8px; right: 1em; } +.popup.bottomleft { bottom: 1em; left: 8px; } +.popup .close { position:absolute; top: 0.2em; right:0.2em; height: 20px; width: 20px; background:url('../img/actions/delete.svg') no-repeat center; } +.popup h2 { font-weight: bold; font-size: 1.2em; } +.arrow { border-bottom: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; display: block; height: 0; position: absolute; width: 0; z-index: 201; } +.arrow.left { left: -13px; bottom: 1.2em; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } +.arrow.up { top: -8px; right: 2em; } +.arrow.down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } |