diff options
author | Bernhard Posselt <nukeawhale@gmail.com> | 2013-02-14 17:13:20 +0100 |
---|---|---|
committer | Bernhard Posselt <nukeawhale@gmail.com> | 2013-02-14 17:13:20 +0100 |
commit | f95aef69f48a894bd4a6292e7384cec4b6c0660f (patch) | |
tree | 8c2e5d373a366c9791068a1ab10f3d332f63164f /css | |
parent | c8e44addad21b35ddae209c3c05984bb94c56194 (diff) |
use app-navigation and app-content instead of left-content and right-content
Diffstat (limited to 'css')
-rw-r--r-- | css/feeds.css | 18 | ||||
-rw-r--r-- | css/owncloud.css | 56 |
2 files changed, 35 insertions, 39 deletions
diff --git a/css/feeds.css b/css/feeds.css index 65073b520..ab7eef696 100644 --- a/css/feeds.css +++ b/css/feeds.css @@ -10,22 +10,22 @@ font-weight: bold; } -#left-content .unread > a { +#app-navigation .unread > a { padding-right: 32px; } -#left-content .utils { +#app-navigation .utils { position: absolute; right: 0; top: 0; bottom: 0; } -#left-content .utils > * { +#app-navigation .utils > * { float: right; } -#left-content .utils button { +#app-navigation .utils button { margin: 0; background-position: center; background-repeat: no-repeat; @@ -37,7 +37,7 @@ width: 32px; } -#left-content li:hover .utils button { +#app-navigation li:hover .utils button { display: block; } @@ -69,15 +69,15 @@ button.action:hover { } -#left-content li:hover > a { +#app-navigation li:hover > a { padding-right: 98px; } -#left-content li:hover > .utils { +#app-navigation li:hover > .utils { display: block; } -#left-content li:hover > .utils .unread-counter { +#app-navigation li:hover > .utils .unread-counter { padding-right: 0; } @@ -93,6 +93,6 @@ button.action:hover { background-image: url('%appswebroot%/news/img/rss.svg'); } -#left-content .ui-draggable-dragging { +#app-navigation .ui-draggable-dragging { width: 249px; }
\ No newline at end of file diff --git a/css/owncloud.css b/css/owncloud.css index 699a3021e..92013924c 100644 --- a/css/owncloud.css +++ b/css/owncloud.css @@ -19,10 +19,6 @@ * */ -/** - * Contains default left-content design stuff - */ - /* needed for angularjs */ #app { height: 100%; @@ -30,7 +26,7 @@ } /* Basic layout */ -#left-content { +#app-navigation { width: 250px; height: 100%; float: left; @@ -40,19 +36,19 @@ padding-bottom: 32px; } -#right-content { +#app-content { height: 100%; overflow-y: auto; } -/* left-content lists */ -#left-content > ul { +/* app-navigation lists */ +#app-navigation > ul { height: 100%; overflow: auto; -moz-box-sizing: border-box; box-sizing: border-box; } -#left-content li { +#app-navigation li { width: 100%; position: relative; -moz-box-sizing: border-box; @@ -60,31 +56,31 @@ text-shadow: 0 1px 0 rgba(255, 255, 255, .9); } -#left-content li.active { +#app-navigation li.active { background-color: #ccc; text-shadow: 0 1px 0 rgba(255,255,255,.7); } -#left-content > ul > li { +#app-navigation > ul > li { border-bottom: 1px solid #ddd; border-top: 1px solid #fff; background-color: #eee; } -#left-content > ul > li.active { +#app-navigation > ul > li.active { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } -#left-content ul.with-icon a { +#app-navigation ul.with-icon a { background-size: 16px 16px; background-repeat: no-repeat; background-position: 10px center; padding-left: 32px; } -#left-content li > a { +#app-navigation li > a { width: 100%; padding: 0 16px; overflow: hidden; @@ -97,20 +93,20 @@ color: #333; } -#left-content > ul > li:hover { +#app-navigation > ul > li:hover { border-top: 1px solid #ccc; } -#left-content li:hover > a { +#app-navigation li:hover > a { background-color: #ccc; } /* collapsible */ -#left-content li.collapsible { +#app-navigation li.collapsible { } -#left-content li.collapsible > button.collapse { +#app-navigation li.collapsible > button.collapse { display: none; position: absolute; left: 6px; @@ -128,15 +124,15 @@ display: none; } -#left-content li.collapsible:hover > a { +#app-navigation li.collapsible:hover > a { background-image: none; } -#left-content li.collapsible:hover > button.collapse { +#app-navigation li.collapsible:hover > button.collapse { display: block; } -#left-content li.collapsible button.collapse { +#app-navigation li.collapsible button.collapse { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform:rotate(-90deg); @@ -144,7 +140,7 @@ transform: rotate(-90deg); } -#left-content li.collapsible.open button.collapse { +#app-navigation li.collapsible.open button.collapse { -moz-transform: rotate(0); -webkit-transform: rotate(0); -ms-transform:rotate(0); @@ -153,20 +149,20 @@ } /* Second level nesting for lists */ -#left-content > ul ul { +#app-navigation > ul ul { display: none; } -#left-content > ul ul li > a { +#app-navigation > ul ul li > a { padding-left: 32px; } -#left-content > ul.with-icon ul li > a { +#app-navigation > ul.with-icon ul li > a { padding-left: 48px; background-position: 24px center; } -#left-content .open { +#app-navigation .open { background-image: linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%); background-image: -o-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%); background-image: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%); @@ -174,13 +170,13 @@ background-image: -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%); } -#left-content > ul li.open:hover { +#app-navigation > ul li.open:hover { -webkit-box-shadow: inset 0 0 3px #cccccc; box-shadow: inset 0 0 3px #cccccc; border-top: 1px solid #ccc; } -#left-content > ul li.open ul { +#app-navigation > ul li.open ul { display: block; } @@ -237,13 +233,13 @@ background-color: #ddd; } -#left-content .personalblock > legend { +#app-navigation .personalblock > legend { padding: 10px 0; margin: 0; } -#left-content .error { +#app-navigation .error { color: #DD1144; } |