1 files changed, 157 insertions, 0 deletions
diff --git a/css/navigation.css b/css/navigation.css
new file mode 100644
index 000000000..6202a5c7e
--- /dev/null
+++ b/css/navigation.css
@@ -0,0 +1,157 @@
+/**
+ * ownCloud - News
+ *
+ * This file is licensed under the Affero General Public License version 3 or
+ * later. See the COPYING file.
+ *
+ * @author Bernhard Posselt <dev@bernhard-posselt.com>
+ * @copyright Bernhard Posselt 2014
+ */
+
+/* add new feed or folder */
+/* button */
+#app-navigation .add-new .heading {
+    height: 44px;
+    width: 100%;
+    padding: 0 0 0 44px;
+    background-position: 14px center;
+}
+
+#app-navigation .add-new .heading:hover {
+    background-color: #ccc;
+}
+
+#app-navigation .add-new .heading button {
+    padding: 0;
+    line-height: 44px;
+    width: 100%;
+    border: 0;
+    margin: 0;
+    background: none;
+    text-align: left;
+    font-weight: normal;
+}
+
+/* actual form content */
+#app-navigation .add-new-popup {
+    display: none;
+    padding: 10px;
+    box-shadow: inset 0px 0px 10px #dedede;
+    border-top: 1px solid #dedede;
+    border-bottom: 1px solid #dedede;
+}
+
+
+#app-navigation input.ng-invalid {
+    border: 1px solid #dd1144;
+}
+
+#app-navigation .add-new-popup input,
+#app-navigation .add-new-popup select {
+    width: 100%;
+    height: 36px;
+    padding: 5px;
+    margin-right: 0;
+}
+
+#app-navigation .add-new-popup select,
+#app-navigation #new-feed [name="folderName"] {
+    width: calc(100% - 36px);
+    border-right: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    float: left;
+}
+
+#app-navigation .add-new-popup .add-new-folder-primary {
+    float: right;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    width: 36px;
+    height: 36px;
+    margin-left: 0;
+    margin-right: 0;
+}
+
+
+#app-navigation .add-new-popup .error {
+    padding: 0 0 10px 0;
+}
+
+/* navigation */
+#app-navigation .icon-starred {
+    background-image: url('../img/starred.png');
+}
+
+#app-navigation .icon-rss {
+    background-image: url('../img/rss.svg') !important;
+}
+
+#app-navigation .unread > a {
+    font-weight: bold;
+}
+
+#app-navigation .entry-loading {
+    background-image: url('../img/loading.gif') !important;
+}
+
+#app-navigation input.entry-loading {
+    background-size: 20px;
+}
+
+#app-navigation p.error {
+    line-height: 25px;
+}
+
+#app-navigation .folder-rename-error {
+    height: auto;
+}
+
+/**
+ * Error message
+ */
+#app-navigation .error-message {
+    padding: 15px;
+    background-color: #DE1212;
+    color: #fff;
+    position: relative;
+}
+
+#app-navigation .ui-state-disabled {
+    opacity: 1;
+}
+
+#app-navigation .error-message .title {
+    font-weight: bold;
+    padding-right: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#app-navigation .error-message:hover .title
+#app-navigation .error-message:hover .message {
+
+}
+
+#app-navigation .error-message button {
+    top: 0;
+    right: 0;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    height: 44px;
+    width: 44px;
+    padding: 15px;
+    border: 0;
+    background-size: 25px;
+    background-color: transparent;
+    background-image: url('../img/close.svg');
+    background-repeat: no-repeat;
+    background-position: right 5px top 5px;
+    opacity: .9;
+}
+
+#app-navigation .error-message button:hover {
+    opacity: 1;
+}