diff options
Diffstat (limited to 'core/css/styles.css')
| -rw-r--r-- | core/css/styles.css | 199 |
1 files changed, 1 insertions, 198 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 595b5532674..6eb09e6e942 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -24,23 +24,6 @@ body { height: auto; } - -/* HEADERS */ -#body-user #header, -#body-settings #header, -#body-public #header { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 100; - height: 45px; - line-height: 2.5em; - background-color: #1d2d44; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - #body-login { text-align: center; background: #1d2d44; /* Old browsers */ @@ -53,34 +36,7 @@ body { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', endColorstr='#1d2d44',GradientType=0 ); /* IE6-9 */ } -#owncloud { - position: absolute; - top: 0; - left: 0; - padding: 6px; - padding-bottom: 0; -} -/* info part on the right, used e.g. for info on who shared something */ -.header-right { - position: absolute; - right: 0; - padding: 7px 5px; - color: #fff; - height: 100%; - max-width: 40%; - white-space: nowrap; -} - -/* Profile picture in header */ -#header .avatardiv { - float: left; - display: inline-block; - margin-right: 5px; -} -#header .avatardiv img { - opacity: 1; -} #nojavascript { position: absolute; @@ -110,20 +66,6 @@ body { color: #aaa; } -#header .logo { - background-image: url(../img/logo.svg); - background-repeat: no-repeat; - width: 250px; - height: 118px; - margin: 0 auto; -} - -#header .logo-wide { - background-image: url(../img/logo-wide.svg); - background-repeat: no-repeat; - width: 147px; - height: 32px; -} /* INPUTS */ input[type="text"], @@ -207,16 +149,6 @@ input img, button img, .button img { } -/* prevent ugly selection effect on accidental selection */ -#header, -#navigation, -#expanddiv { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} - - /* SCROLLING */ ::-webkit-scrollbar { width: 8px; @@ -234,6 +166,7 @@ input[type="submit"], input[type="button"], button, .button, #quota, select, .pager li a { width: auto; + min-width: 25px; padding: 5px; background-color: rgba(240,240,240,.9); font-weight: bold; @@ -321,11 +254,6 @@ input[type="submit"].enabled { border-bottom: 1px solid #e7e7e7; z-index: 50; } -/* account for shift of controls bar due to app navigation */ -#body-user #controls, -#body-settings #controls { - padding-left: 80px; -} #controls .button, #controls button, #controls input[type='submit'], @@ -713,131 +641,6 @@ label.infield { -/* NAVIGATION ------------------------------------------------------------- */ -#navigation { - position: fixed; - top: 0; - bottom: 0; - left: 0; - width: 80px; - margin-top:45px; - z-index: 75; - background-color: #383c43; - overflow-y: auto; - overflow-x: hidden; - -moz-box-sizing:border-box; box-sizing:border-box; -} -#apps { - height: 100%; -} -#navigation a span { - display: block; - text-decoration: none; - font-size: 11px; - text-align: center; - color: #fff; - white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ellipsize long app names */ - padding-bottom: 10px; - /* prevent shift caused by scrollbar */ - padding-left: 8px; - width: 64px; -} - - /* icon opacity and hover effect */ - #navigation a img, - #navigation a span { - /* 50% opacity when inactive */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - opacity: .5; - } - #navigation a:hover img, #navigation a:focus img, - #navigation a:hover span, #navigation a:focus span { - /* 80% opacity when hovered or focused */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - opacity: .8; - } - #navigation a.active img, - #navigation a.active span { - /* full opacity for the active app */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: alpha(opacity=100); - opacity: 1; - } - #navigation .icon { - display: block; - width: 32px; - height: 32px; - margin-left: 24px; - padding: 10px 0 4px; - } - #navigation li:first-child .icon { /* special rule for Files icon as it's first */ - padding-top: 20px; - } - -/* Apps management as sticky footer, less obtrusive in the list */ -#navigation .wrapper { - min-height: 100%; - margin: 0 auto -82px 0; -} -#apps-management, #navigation .push { - height: 72px; -} -#apps-management { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - opacity: .6; -} -#apps-management .icon { - padding-bottom: 0; -} - - - - -/* USER MENU */ -#settings { - float: right; - color: #bbb; -} -#expand { - display: block; - padding: 7px 12px 6px 7px; - cursor: pointer; -} -#expand:hover, #expand:focus, #expand:active { color:#fff; } -#expand img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; margin-bottom:-2px; } -#expand:hover img, #expand:focus img, #expand:active img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } -#expanddiv { - position:absolute; right:0; top:45px; z-index:76; display:none; - background-color: #383c43; - border-bottom-left-radius:7px; border-bottom:1px #333 solid; border-left:1px #333 solid; - box-shadow:0 0 7px rgb(29,45,68); - -moz-box-sizing: border-box; box-sizing: border-box; -} - #expanddiv a { - display: block; - height: 40px; - color: #fff; - padding: 4px 12px 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: alpha(opacity=70); - opacity: .7; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - #expanddiv a img { - margin-bottom: -3px; - margin-right: 6px; - } - #expanddiv a:hover, #expanddiv a:focus, #expanddiv a:active { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: alpha(opacity=100); - opacity: 1; - } - - /* VARIOUS REUSABLE SELECTORS */ .hidden { display:none; } .bold { font-weight:bold; } |