diff options
author | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-05-19 02:22:02 +0200 |
---|---|---|
committer | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-05-19 02:22:02 +0200 |
commit | 90584316b8f275fcad904b644676544eb0322636 (patch) | |
tree | 35ead28e8f0cdccc1771464442bb83ce5b558cc6 /css/navigation.css | |
parent | ded252d29e99e068ea341506129e47a05e053a24 (diff) |
add test for firstrun page
Diffstat (limited to 'css/navigation.css')
-rw-r--r-- | css/navigation.css | 295 |
1 files changed, 295 insertions, 0 deletions
diff --git a/css/navigation.css b/css/navigation.css new file mode 100644 index 000000000..79f27d094 --- /dev/null +++ b/css/navigation.css @@ -0,0 +1,295 @@ +/** + * ownCloud - News + * + * @author Bernhard Posselt + * @copyright 2012 Bernhard Posselt dev@bernhard-posselt.com + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE + * License as published by the Free Software Foundation; either + * version 3 of the License, or any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU AFFERO GENERAL PUBLIC LICENSE for more details. + * + * You should have received a copy of the GNU Affero General Public + * License along with this library. If not, see <http://www.gnu.org/licenses/>. + * + */ + +#undo-container { + position: fixed; + top: 0px; + width: 100%; + text-align: center; + z-index: 101; + line-height: 1.2; +} + +#undo { + z-index:101; + background-color:#fc4; + border:0; + padding:0 .7em .3em; + display:none; + position: relative; + top:0; + -moz-border-radius-bottomleft:1em; + -webkit-border-bottom-left-radius:1em; + border-bottom-left-radius:1em; + -moz-border-radius-bottomright:1em; + -webkit-border-bottom-right-radius:1em; + border-bottom-right-radius:1em; +} + +#undo a { + font-weight: bold; +} + +#undo a:hover { + text-decoration: underline; +} + + +.starred-icon { + background-image: url('../img/starred.png'); +} + +.subscriptions-icon { + background-image: url('../img/rss.svg'); +} + +.unread > a, +.unread > .utils .unread-counter { + font-weight: bold; +} + +#app-navigation .with-icon .list-title { + padding-left:16px; +} + +#app-navigation .with-icon .list-title span { + display:none; + margin-left:6px; +} + +#app-navigation .with-icon .list-title:hover span { + display:inline; +} + +#app-navigation .with-icon .opened span { + display:inline; +} + +#app-navigation .unread > a { + padding-right: 32px; +} + +#app-navigation .active > a { + padding-right: 40px; +} + +#app-navigation .active.unread > a { + padding-right: 80px; +} + +#app-navigation li:hover > a { + padding-right: 60px; +} + +#app-navigation .add-new:hover > a { + padding-right: 0px; +} + +#app-navigation .utils { + position: absolute; + right: 0; + top: 0; + bottom: 0; +} + +#app-navigation .utils > * { + float: right; +} + +#app-navigation .utils button { + margin: 0; + background-position: center; + background-repeat: no-repeat; + background-color: transparent; + border: 0; + box-shadow: none; + display: none; + height: 30px; + width: 22px; +} + +#app-navigation li:hover > .utils button { + display: block; +} + +/* only display the delete button when the feed is active */ +#app-navigation li:hover > .utils .delete-button { + display: none; +} + +#app-navigation li.active > .utils .delete-button { + display: block; +} + +.folder { + text-transform: uppercase; +} + +.feed { + text-transform: none; +} + +.unread-counter { + padding: 8px 6px 8px 5px; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + font-size: 9pt; + display: none; +} + + +.unread .unread-counter { + display: block; +} +.starred .unread-counter { + font-weight: normal !important; +} + + +button.action { + opacity: .5; +} + +button.action:hover { + opacity: 1; +} + + +#app-navigation li:hover > .utils { + display: block; +} + +#app-navigation li:hover > .utils .unread-counter { + padding-left: 0; +} + +#app-navigation .folder-input { + text-transform: uppercase; +} + +.delete-icon { + background-image: url('../img/delete.svg'); +} + +.rename-feed-icon { + background-image: url('../img/rename.svg'); +} + +.mark-read-icon { + background-image: url('../img/mark_read.svg'); +} + +.rename-feed input { + margin: 1px 0 0px 5px; + border-right: 1px solid #ddd; + border-radius: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 0; + width: 208px; + height: 32px; +} + +.rename-feed button { + margin: 5px 0 5px 0; + display: inline-block; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + width: 30px !important; + height: 30px !important; + padding: 0.6em; +} + +.rename-feed .action-button { + background-position: center; + background-repeat: no-repeat; +} + +.rename-feed .back-button { + border-radius: 3px; + background-image: url('../img/delete.svg'); +} + +.rename-feed .create-button { + border-radius: 0; + background-image: url('../img/mark_read.svg'); +} + +.rss-icon { + background-image: url('../img/rss.svg'); +} + +#app-navigation .ui-draggable-dragging { + width: 100%; +} + +#app-navigation .multiselect { + height:20px; +} + +#app-navigation .progress-icon, +#app-navigation .problem-icon { + width: 299px; + line-height: 44px; +} + +.progress-icon { + background-image: url('../img/loading.gif'); +} + +.problem-icon { + background-image: url('../img/problem.svg') !important; +} + +.failed { + background-color: #F2FF63 !important; + text-shadow: none !important; + font-weight: bold; +} + + .failed .title { + background-color: #F2FF63 !important; + width: 299px !important; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: inline-block !important; + } + + .failed a:hover, + .failed:hover a { + background-color: #F2FF63 !important; + } + + .failed .message { + font-weight: normal; + padding: 5px 20px 5px 32px; + } + + .folder .feed.failed .message { + padding-left: 48px; + } + +.tooltip { + text-shadow: none; + text-transform: none; +}
\ No newline at end of file |