diff options
author | Bernhard Posselt <nukeawhale@gmail.com> | 2013-02-14 18:01:56 +0100 |
---|---|---|
committer | Bernhard Posselt <nukeawhale@gmail.com> | 2013-02-14 18:03:36 +0100 |
commit | fe1ffaeaa2b0e19853176f4ac483184691053a24 (patch) | |
tree | 023c2436884c894ccb3a6afee7e1895b2070c2ad /css | |
parent | 436d4e3ca65c3fecf04bcc6747916bed7af7728d (diff) |
use app-styles branch in master
Diffstat (limited to 'css')
-rw-r--r-- | css/owncloud.css | 269 |
1 files changed, 0 insertions, 269 deletions
diff --git a/css/owncloud.css b/css/owncloud.css deleted file mode 100644 index 92013924c..000000000 --- a/css/owncloud.css +++ /dev/null @@ -1,269 +0,0 @@ -/** - * ownCloud - * - * @author Bernhard Posselt - * @copyright 2012 Bernhard Posselt nukeawhale@gmail.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/>. - * - */ - -/* needed for angularjs */ -#app { - height: 100%; - width: 100%; -} - -/* Basic layout */ -#app-navigation { - width: 250px; - height: 100%; - float: left; - -moz-box-sizing: border-box; box-sizing: border-box; - border-right: 1px solid #ccc; - background-color: #f8f8f8; - padding-bottom: 32px; -} - -#app-content { - height: 100%; - overflow-y: auto; -} - -/* app-navigation lists */ -#app-navigation > ul { - height: 100%; - overflow: auto; - -moz-box-sizing: border-box; box-sizing: border-box; -} - -#app-navigation li { - width: 100%; - position: relative; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-shadow: 0 1px 0 rgba(255, 255, 255, .9); -} - -#app-navigation li.active { - background-color: #ccc; - text-shadow: 0 1px 0 rgba(255,255,255,.7); -} - - -#app-navigation > ul > li { - border-bottom: 1px solid #ddd; - border-top: 1px solid #fff; - background-color: #eee; -} - -#app-navigation > ul > li.active { - border-bottom: 1px solid #ccc; - border-top: 1px solid #ccc; -} - -#app-navigation ul.with-icon a { - background-size: 16px 16px; - background-repeat: no-repeat; - background-position: 10px center; - padding-left: 32px; -} - -#app-navigation li > a { - width: 100%; - padding: 0 16px; - overflow: hidden; - text-overflow: ellipsis; - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap; - line-height: 32px; - color: #333; -} - -#app-navigation > ul > li:hover { - border-top: 1px solid #ccc; -} - -#app-navigation li:hover > a { - background-color: #ccc; -} - -/* collapsible */ -#app-navigation li.collapsible { - -} - -#app-navigation li.collapsible > button.collapse { - display: none; - position: absolute; - left: 6px; - top: 5px; - background: none; - background-image: url('%webroot%/core/img/actions/triangle-s.svg'); - background-repeat: no-repeat; - background-size: 16px 16px; - height: 16px; - width: 16px; - border: none; - border-radius: 0; - outline: none !important; - box-shadow: none; - display: none; -} - -#app-navigation li.collapsible:hover > a { - background-image: none; -} - -#app-navigation li.collapsible:hover > button.collapse { - display: block; -} - -#app-navigation li.collapsible button.collapse { - -moz-transform: rotate(-90deg); - -webkit-transform: rotate(-90deg); - -ms-transform:rotate(-90deg); - -o-transform:rotate(-90deg); - transform: rotate(-90deg); -} - -#app-navigation li.collapsible.open button.collapse { - -moz-transform: rotate(0); - -webkit-transform: rotate(0); - -ms-transform:rotate(0); - -o-transform:rotate(0); - transform: rotate(0); -} - -/* Second level nesting for lists */ -#app-navigation > ul ul { - display: none; -} - -#app-navigation > ul ul li > a { - padding-left: 32px; -} - -#app-navigation > ul.with-icon ul li > a { - padding-left: 48px; - background-position: 24px center; -} - -#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%); - background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%); - background-image: -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%); -} - -#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; -} - -#app-navigation > ul li.open ul { - display: block; -} - -/* drag and drop */ -.drag-and-drop { - -moz-transition: padding-bottom 500ms ease 0s; - -o-transition: padding-bottom 500ms ease 0s; - -webkit-transition: padding-bottom 500ms ease 0s; - -ms-transition: padding-bottom 500ms ease 0s; - transition: padding-bottom 500ms ease 0s; - padding-bottom: 40px; -} - -/* settings area */ -#app-settings { - position: fixed; - width: 249px; - bottom: 0; - border-top: 1px solid #ccc; -} - - -#app-settings-header { - background-color: #eee; -} - -#app-settings-content { - background-color: #eee; - display: none; - padding: 10px; -} - -#app-settings.open #app-settings-content { - display: block; -} - - -.settings-button { - height: 32px; - width: 100%; - background-image: url('%webroot%/core/img/actions/settings.png'); - background-repeat: no-repeat; - background-position: 10px center; - border: 0; - box-shadow: none; - border-radius: 0; - padding: 0; - margin: 0; - background-color: transparent; - display: block; -} - -.settings-button:hover { - background-color: #ddd; -} - -#app-navigation .personalblock > legend { - padding: 10px 0; - margin: 0; -} - - -#app-navigation .error { - color: #DD1144; -} - -/* icons */ -.folder-icon { - background-image: url('%webroot%/core/img/places/folder.png'); -} - -.delete-icon { - background-image: url('%webroot%/core/img/actions/delete.svg'); -} - -.delete-icon:hover { - background-image: url('%webroot%/core/img/actions/delete-hover.svg'); -} - -.edit-icon { - background-image: url('%webroot%/core/img/actions/rename.svg'); -} - -/* buttons */ -button.loading { - background-image: url('%webroot%/core/img/loading.gif'); - background-position: right 10px center; - background-repeat: no-repeat; - padding-right: 30px; -}
\ No newline at end of file |