summaryrefslogtreecommitdiffstats
path: root/css/navigation.css
diff options
context:
space:
mode:
authorBernhard Posselt <dev@bernhard-posselt.com>2014-05-19 02:22:02 +0200
committerBernhard Posselt <dev@bernhard-posselt.com>2014-05-19 02:22:02 +0200
commit90584316b8f275fcad904b644676544eb0322636 (patch)
tree35ead28e8f0cdccc1771464442bb83ce5b558cc6 /css/navigation.css
parentded252d29e99e068ea341506129e47a05e053a24 (diff)
add test for firstrun page
Diffstat (limited to 'css/navigation.css')
-rw-r--r--css/navigation.css295
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