Browse Source
Removed old css files
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>tags/v12.0.0beta1
John Molakvoæ (skjnldsv)
7 years ago
10 changed files with 0 additions and 3642 deletions
+ 0
- 700
core/css/apps.css
View File
| @@ -1,700 +0,0 @@ | |||
| /* APP STYLING -------------------------------------------------------------- */ | |||
| #app { | |||
| height: 100%; | |||
| width: 100%; | |||
| } | |||
| #app * { | |||
| box-sizing: border-box; | |||
| } | |||
| /* APP-NAVIGATION ------------------------------------------------------------*/ | |||
| /* Navigation: folder like structure */ | |||
| #app-navigation { | |||
| width: 250px; | |||
| height: 100%; | |||
| float: left; | |||
| box-sizing: border-box; | |||
| background-color: #fff; | |||
| padding-bottom: 44px; | |||
| -webkit-user-select: none; | |||
| -moz-user-select: none; | |||
| -ms-user-select: none; | |||
| user-select: none; | |||
| border-right: 1px solid #eee; | |||
| } | |||
| #app-navigation > ul { | |||
| position: relative; | |||
| height: 100%; | |||
| width: inherit; | |||
| overflow: auto; | |||
| box-sizing: border-box; | |||
| } | |||
| #app-navigation li { | |||
| position: relative; | |||
| width: 100%; | |||
| box-sizing: border-box; | |||
| } | |||
| #app-navigation.without-app-settings { | |||
| padding-bottom: 0; | |||
| } | |||
| #app-navigation .active.with-menu > a, | |||
| #app-navigation .with-counter > a { | |||
| padding-right: 50px; | |||
| } | |||
| #app-navigation .active.with-menu.with-counter > a { | |||
| padding-right: 90px; | |||
| } | |||
| #app-navigation .with-icon a, | |||
| #app-navigation .app-navigation-entry-loading a { | |||
| padding-left: 44px; | |||
| background-size: 16px 16px; | |||
| background-position: 14px center; | |||
| background-repeat: no-repeat; | |||
| } | |||
| #app-navigation li > a { | |||
| display: block; | |||
| width: 100%; | |||
| line-height: 44px; | |||
| min-height: 44px; | |||
| padding: 0 12px; | |||
| overflow: hidden; | |||
| box-sizing: border-box; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| color: #000; | |||
| opacity: .57; | |||
| } | |||
| #app-navigation .active, | |||
| #app-navigation .active a, | |||
| #app-navigation li:hover > a, | |||
| #app-navigation li:focus > a, | |||
| #app-navigation a:focus, | |||
| #app-navigation .selected, | |||
| #app-navigation .selected a { | |||
| opacity: 1; | |||
| } | |||
| #app-navigation .collapse { | |||
| display: none; /* hide collapse button initially */ | |||
| } | |||
| #app-navigation .collapsible > .collapse { | |||
| position: absolute; | |||
| height: 44px; | |||
| width: 44px; | |||
| margin: 0; | |||
| padding: 0; | |||
| background: none; background-image: url('../img/actions/triangle-s.svg?v=1'); | |||
| background-size: 16px; background-repeat: no-repeat; background-position: center; | |||
| border: none; | |||
| border-radius: 0; | |||
| outline: none !important; | |||
| box-shadow: none; | |||
| } | |||
| #app-navigation .collapsible:hover > a, | |||
| #app-navigation .collapsible:focus > a { | |||
| background-image: none; | |||
| } | |||
| #app-navigation .collapsible:hover > .collapse, | |||
| #app-navigation .collapsible:focus > .collapse { | |||
| display: block; | |||
| } | |||
| #app-navigation .collapsible .collapse { | |||
| -webkit-transform: rotate(-90deg); | |||
| -ms-transform:rotate(-90deg); | |||
| transform: rotate(-90deg); | |||
| } | |||
| #app-navigation .collapsible.open .collapse { | |||
| -webkit-transform: rotate(0); | |||
| -ms-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 > .with-icon ul li > a, | |||
| #app-navigation > .with-icon ul li.app-navigation-entry-loading > a { | |||
| padding-left: 68px; | |||
| background-position: 44px center; | |||
| } | |||
| #app-navigation .collapsible.open { | |||
| background-image: 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 .collapsible.open:hover, | |||
| #app-navigation > ul .collapsible.open:focus { | |||
| box-shadow: inset 0 0 3px #ddd; | |||
| } | |||
| #app-navigation > ul .collapsible.open ul { | |||
| display: block; | |||
| } | |||
| /* Deleted entries with undo button */ | |||
| #app-navigation .app-navigation-entry-deleted { | |||
| display: inline-block; | |||
| height: 44px; | |||
| width: 100%; | |||
| } | |||
| #app-navigation .app-navigation-entry-deleted-description { | |||
| padding-left: 12px; | |||
| position: relative; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| display: inline-block; | |||
| width: calc(100% - 49px); | |||
| line-height: 44px; | |||
| float: left; | |||
| } | |||
| #app-navigation .app-navigation-entry-deleted-button { | |||
| margin: 0; | |||
| height: 44px; | |||
| width: 44px; | |||
| line-height: 44px; | |||
| border: 0; | |||
| display: inline-block; | |||
| background-color: transparent; | |||
| opacity: .5; | |||
| } | |||
| #app-navigation .app-navigation-entry-deleted-button:hover, | |||
| #app-navigation .app-navigation-entry-deleted-button:focus { | |||
| opacity: 1; | |||
| } | |||
| /* counter and actions, legacy code */ | |||
| #app-navigation .utils { | |||
| position: absolute; | |||
| padding: 7px 7px 0 0; | |||
| right: 0; | |||
| top: 0; | |||
| bottom: 0; | |||
| font-size: 12px; | |||
| } | |||
| #app-navigation .utils button, | |||
| #app-navigation .utils .counter { | |||
| width: 44px; | |||
| height: 44px; | |||
| padding-top: 12px; | |||
| } | |||
| /* drag and drop */ | |||
| #app-navigation .drag-and-drop { | |||
| -webkit-transition: padding-bottom 500ms ease 0s; | |||
| transition: padding-bottom 500ms ease 0s; | |||
| padding-bottom: 40px; | |||
| } | |||
| #app-navigation .error { | |||
| color: #dd1144; | |||
| } | |||
| #app-navigation .app-navigation-separator { | |||
| border-bottom: 1px solid #ddd; | |||
| } | |||
| /** | |||
| * App navigation utils, buttons and counters for drop down menu | |||
| */ | |||
| #app-navigation .app-navigation-entry-utils { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| z-index: 105; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils ul { | |||
| display: block !important; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils li { | |||
| float: left; | |||
| width: 44px !important; | |||
| height: 44px; | |||
| line-height: 44px; | |||
| } | |||
| #app-navigation .active > .app-navigation-entry-utils li { | |||
| display: inline-block; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils button { | |||
| height: 38px; | |||
| width: 38px; | |||
| line-height: 38px; | |||
| float: left; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils-menu-button { | |||
| display: none; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils-menu-button button { | |||
| border: 0; | |||
| opacity: .5; | |||
| background-color: transparent; | |||
| background-repeat: no-repeat; | |||
| background-position: center; | |||
| background-image: url('../img/actions/more.svg?v=1'); | |||
| } | |||
| #app-navigation .app-navigation-entry-utils-menu-button:hover button, | |||
| #app-navigation .app-navigation-entry-utils-menu-button:focus button { | |||
| background-color: transparent; | |||
| opacity: 1; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils-counter { | |||
| overflow: hidden; | |||
| text-overflow: hidden; | |||
| text-align: right; | |||
| font-size: 9pt; | |||
| width: 38px; | |||
| line-height: 44px; | |||
| padding: 0 10px; | |||
| } | |||
| #app-navigation .app-navigation-entry-utils ul, | |||
| #app-navigation .app-navigation-entry-menu ul { | |||
| list-style-type: none; | |||
| } | |||
| /* menu bubble / popover */ | |||
| .bubble, | |||
| #app-navigation .app-navigation-entry-menu { | |||
| position: absolute; | |||
| background-color: #fff; | |||
| color: #333; | |||
| border-radius: 3px; | |||
| border-top-right-radius: 0; | |||
| z-index: 110; | |||
| margin: 5px; | |||
| margin-top: -5px; | |||
| right: 0; | |||
| -webkit-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); | |||
| -moz-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); | |||
| -ms-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); | |||
| -o-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); | |||
| filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); | |||
| } | |||
| .ie .bubble, | |||
| .ie #app-navigation .app-navigation-entry-menu, | |||
| .ie .bubble:after, | |||
| .ie #app-navigation .app-navigation-entry-menu:after, | |||
| .edge .bubble, | |||
| .edge #app-navigation .app-navigation-entry-menu, | |||
| .edge .bubble:after, | |||
| .edge #app-navigation .app-navigation-entry-menu:after { | |||
| border: 1px solid #eee; | |||
| } | |||
| /* miraculous border arrow stuff */ | |||
| .bubble:after, | |||
| #app-navigation .app-navigation-entry-menu:after { | |||
| bottom: 100%; | |||
| right: 6px; /* change this to adjust the arrow position */ | |||
| border: solid transparent; | |||
| content: " "; | |||
| height: 0; | |||
| width: 0; | |||
| position: absolute; | |||
| pointer-events: none; | |||
| } | |||
| .bubble:after, | |||
| #app-navigation .app-navigation-entry-menu:after { | |||
| border-color: rgba(238, 238, 238, 0); | |||
| border-bottom-color: #fff; | |||
| border-width: 10px; | |||
| } | |||
| .bubble .action { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; | |||
| filter: alpha(opacity=50) !important; | |||
| opacity: .5 !important; | |||
| } | |||
| .bubble .action:hover, | |||
| .bubble .action:focus, | |||
| .bubble .action.active { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; | |||
| filter: alpha(opacity=100) !important; | |||
| opacity: 1 !important; | |||
| } | |||
| #app-navigation .app-navigation-entry-menu { | |||
| display: none; | |||
| } | |||
| #app-navigation .app-navigation-entry-menu.open { | |||
| display: block; | |||
| } | |||
| /* list of options for an entry */ | |||
| #app-navigation .app-navigation-entry-menu ul { | |||
| display: block !important; | |||
| } | |||
| #app-navigation .app-navigation-entry-menu li { | |||
| float: left; | |||
| width: 38px !important; | |||
| } | |||
| #app-navigation .app-navigation-entry-menu li button { | |||
| float: right; | |||
| width: 36px !important; | |||
| height: 36px; | |||
| line-height: 36px; | |||
| border: 0; | |||
| opacity: .5; | |||
| background-color: transparent; | |||
| } | |||
| #app-navigation .app-navigation-entry-menu li button:hover, | |||
| #app-navigation .app-navigation-entry-menu li button:focus { | |||
| opacity: 1; | |||
| background-color: transparent; | |||
| } | |||
| /* editing an entry */ | |||
| #app-navigation .app-navigation-entry-edit { | |||
| padding-left: 5px; | |||
| padding-right: 5px; | |||
| display: inline-block; | |||
| height: 39px; | |||
| width: 100%; | |||
| } | |||
| #app-navigation .app-navigation-entry-edit input { | |||
| border-bottom-right-radius: 0; | |||
| border-top-right-radius: 0; | |||
| width: calc(100% - 36px); | |||
| padding: 5px; | |||
| margin-right: 0; | |||
| height: 38px; | |||
| float: left; | |||
| border: 1px solid rgba(190,190,190,.9); | |||
| } | |||
| #app-navigation .app-navigation-entry-edit button, | |||
| #app-navigation .app-navigation-entry-edit input[type="submit"] { | |||
| width: 36px; | |||
| height: 38px; | |||
| float: left; | |||
| } | |||
| #app-navigation .app-navigation-entry-edit .icon-checkmark { | |||
| border-bottom-left-radius: 0; | |||
| border-top-left-radius: 0; | |||
| border-left: 0; | |||
| margin-right: 0; | |||
| } | |||
| /* APP-CONTENT ---------------------------------------------------------------*/ | |||
| /* Part where the content will be loaded into */ | |||
| #app-content { | |||
| position: relative; | |||
| height: 100%; | |||
| overflow-y: auto; | |||
| } | |||
| #app-content-wrapper { | |||
| min-width: 100%; | |||
| min-height: 100%; | |||
| } | |||
| /* APP-SIDEBAR ----------------------------------------------------------------*/ | |||
| /* | |||
| Sidebar: a sidebar to be used within #app-content | |||
| have it as first element within app-content in order to shrink other | |||
| sibling containers properly. Compare Files app for example. | |||
| */ | |||
| #app-sidebar { | |||
| position: fixed; | |||
| top: 45px; | |||
| right: 0; | |||
| left: auto; | |||
| bottom: 0; | |||
| width: 27%; | |||
| min-width: 300px; | |||
| display: block; | |||
| background: #fff; | |||
| border-left: 1px solid #eee; | |||
| -webkit-transition: margin-right 300ms; | |||
| transition: margin-right 300ms; | |||
| overflow-x: hidden; | |||
| overflow-y: auto; | |||
| visibility: visible; | |||
| z-index: 500; | |||
| } | |||
| #app-content.with-app-sidebar { | |||
| margin-right: 27%; | |||
| } | |||
| #app-sidebar.disappear { | |||
| visibility: hidden; | |||
| } | |||
| /* APP-SETTINGS ---------------------------------------------------------------*/ | |||
| /* settings area */ | |||
| #app-settings { | |||
| position: fixed; | |||
| width: 250px; /* change to 100% when layout positions are absolute */ | |||
| bottom: 0; | |||
| z-index: 140; | |||
| } | |||
| #app-settings.open #app-settings-content, | |||
| #app-settings.opened #app-settings-content { | |||
| display: block; | |||
| } | |||
| #app-settings-content { | |||
| display: none; | |||
| padding: 10px; | |||
| background-color: #fff; | |||
| /* restrict height of settings and make scrollable */ | |||
| max-height: 300px; | |||
| overflow-y: auto; | |||
| } | |||
| #app-settings-content, | |||
| #app-settings-header { | |||
| border-right: 1px solid #eee; | |||
| width: 250px; | |||
| box-sizing: border-box; | |||
| } | |||
| /* display input fields at full width */ | |||
| #app-settings-content input[type='text'] { | |||
| width: 93%; | |||
| } | |||
| .settings-button { | |||
| display: block; | |||
| height: 44px; | |||
| width: 100%; | |||
| padding: 0; | |||
| margin: 0; | |||
| background-color: #fff; | |||
| background-image: url('../img/actions/settings.svg?v=1'); | |||
| background-position: 14px center; | |||
| background-repeat: no-repeat; | |||
| box-shadow: none; | |||
| border: 0; | |||
| border-radius: 0; | |||
| text-align: left; | |||
| padding-left: 42px; | |||
| font-weight: normal; | |||
| } | |||
| .settings-button:hover, | |||
| .settings-button:focus { | |||
| background-color: #fff; | |||
| } | |||
| .settings-button.opened:hover, | |||
| .settings-button.opened:focus { | |||
| background-color: #fff; | |||
| } | |||
| /* buttons */ | |||
| button.loading { | |||
| background-image: url('../img/loading.gif'); | |||
| background-position: right 10px center; background-repeat: no-repeat; | |||
| background-size: 16px; | |||
| padding-right: 30px; | |||
| } | |||
| /* general styles for the content area */ | |||
| .section { | |||
| display: block; | |||
| padding: 30px; | |||
| color: #555; | |||
| margin-bottom: 24px; | |||
| } | |||
| .section.hidden { | |||
| display: none !important; | |||
| } | |||
| .sub-section { | |||
| position: relative; | |||
| margin-top: 10px; | |||
| margin-left: 27px; | |||
| margin-bottom: 10px; | |||
| } | |||
| /* no top border for first settings item */ | |||
| #app-content > .section:first-child { | |||
| border-top: none; | |||
| } | |||
| /* heading styles */ | |||
| h2 { | |||
| font-size: 20px; | |||
| font-weight: 300; | |||
| margin-bottom: 12px; | |||
| line-height: 140%; | |||
| } | |||
| h3 { | |||
| font-size: 15px; | |||
| font-weight: 300; | |||
| margin: 12px 0; | |||
| } | |||
| /* slight position correction of checkboxes and radio buttons */ | |||
| .section input[type="checkbox"], | |||
| .section input[type="radio"] { | |||
| vertical-align: -2px; | |||
| margin-right: 4px; | |||
| } | |||
| .appear { | |||
| opacity: 1; | |||
| -webkit-transition: opacity 500ms ease 0s; | |||
| -moz-transition: opacity 500ms ease 0s; | |||
| -ms-transition: opacity 500ms ease 0s; | |||
| -o-transition: opacity 500ms ease 0s; | |||
| transition: opacity 500ms ease 0s; | |||
| } | |||
| .appear.transparent { | |||
| opacity: 0; | |||
| } | |||
| /* do not use italic typeface style, instead lighter color */ | |||
| em { | |||
| font-style: normal; | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||
| opacity: .5; | |||
| } | |||
| /* generic dropdown style */ | |||
| .dropdown { | |||
| background:#eee; | |||
| border-bottom-left-radius: 5px; | |||
| border-bottom-right-radius: 5px; | |||
| box-shadow:0 1px 1px #777; | |||
| display:block; | |||
| margin-right: 0; | |||
| position:absolute; | |||
| right:0; | |||
| width:420px; | |||
| z-index:500; | |||
| padding:16px; | |||
| } | |||
| /* generic tab styles */ | |||
| .tabHeaders { | |||
| display: inline-block; | |||
| margin: 15px; | |||
| } | |||
| .tabHeaders .tabHeader { | |||
| float: left; | |||
| padding: 5px; | |||
| cursor: pointer; | |||
| } | |||
| .tabHeaders .tabHeader, .tabHeaders .tabHeader a { | |||
| color: #888; | |||
| margin-bottom: 1px; | |||
| } | |||
| .tabHeaders .tabHeader.selected { | |||
| font-weight: 600; | |||
| } | |||
| .tabHeaders .tabHeader.selected, | |||
| .tabHeaders .tabHeader:hover { | |||
| border-bottom: 1px solid #333; | |||
| } | |||
| .tabHeaders .tabHeader.selected, | |||
| .tabHeaders .tabHeader.selected a, | |||
| .tabHeaders .tabHeader:hover, | |||
| .tabHeaders .tabHeader:hover a { | |||
| margin-bottom: 0px; | |||
| color: #000; | |||
| } | |||
| .tabsContainer { | |||
| clear: left; | |||
| } | |||
| .tabsContainer .tab { | |||
| padding: 0 15px 15px; | |||
| } | |||
| /* popover menu styles (use together with "bubble" class) */ | |||
| .popovermenu .menuitem, | |||
| .popovermenu .menuitem>span { | |||
| cursor: pointer; | |||
| vertical-align: middle; | |||
| } | |||
| .popovermenu .menuitem { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||
| filter: alpha(opacity=50); | |||
| opacity: .5; | |||
| } | |||
| .popovermenu .menuitem:hover, | |||
| .popovermenu .menuitem:focus, | |||
| .popovermenu .menuitem.active { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| filter: alpha(opacity=100); | |||
| opacity: 1; | |||
| } | |||
| .popovermenu .menuitem img { | |||
| padding: initial; | |||
| } | |||
| .popovermenu a.menuitem, | |||
| .popovermenu label.menuitem, | |||
| .popovermenu .menuitem { | |||
| padding: 10px !important; | |||
| width: auto; | |||
| } | |||
| .popovermenu.hidden { | |||
| display: none; | |||
| } | |||
| .popovermenu .menuitem { | |||
| display: flex !important; | |||
| line-height: 30px; | |||
| color: #000; | |||
| align-items: center; | |||
| } | |||
| .popovermenu .menuitem .icon, | |||
| .popovermenu .menuitem .no-icon { | |||
| display: inline-block; | |||
| width: 16px; | |||
| height: 16px; | |||
| margin-right: 10px; | |||
| vertical-align: middle; | |||
| } | |||
| .popovermenu .menuitem { | |||
| opacity: 0.5; | |||
| } | |||
| .popovermenu li:hover .menuitem { | |||
| opacity: 1; | |||
| } | |||
+ 0
- 384
core/css/header.css
View File
| @@ -1,384 +0,0 @@ | |||
| /* prevent ugly selection effect on accidental selection */ | |||
| #header, | |||
| #navigation, | |||
| #expanddiv { | |||
| -webkit-user-select: none; | |||
| -moz-user-select: none; | |||
| -ms-user-select: none; | |||
| } | |||
| /* removed until content-focusing issue is fixed */ | |||
| #skip-to-content a { | |||
| position: absolute; | |||
| left: -10000px; | |||
| top: auto; | |||
| width: 1px; | |||
| height: 1px; | |||
| overflow: hidden; | |||
| } | |||
| #skip-to-content a:focus { | |||
| left: 76px; | |||
| top: -9px; | |||
| color: #fff; | |||
| width: auto; | |||
| height: auto; | |||
| } | |||
| /* HEADERS ------------------------------------------------------------------ */ | |||
| #body-user #header, | |||
| #body-settings #header, | |||
| #body-public #header { | |||
| position: fixed; | |||
| top: 0; | |||
| left: 0; | |||
| right: 0; | |||
| z-index: 2000; | |||
| height: 45px; | |||
| line-height: 2.5em; | |||
| background-color: #0082c9; | |||
| box-sizing: border-box; | |||
| } | |||
| /* LOGO and APP NAME -------------------------------------------------------- */ | |||
| #nextcloud { | |||
| position: absolute; | |||
| top: 0; | |||
| left: 0; | |||
| padding: 5px; | |||
| padding-bottom: 0; | |||
| height: 45px; /* header height */ | |||
| box-sizing: border-box; | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| opacity: 1; | |||
| } | |||
| #nextcloud:focus { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; | |||
| opacity: .75; | |||
| } | |||
| #nextcloud:hover, | |||
| #nextcloud:active { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| opacity: 1; | |||
| } | |||
| #header .logo { | |||
| background-image: url('../img/logo-icon.svg?v=1'); | |||
| background-repeat: no-repeat; | |||
| background-size: 175px; | |||
| background-position: center; | |||
| width: 252px; | |||
| height: 120px; | |||
| margin: 0 auto; | |||
| } | |||
| #header .logo-icon { | |||
| /* display logo so appname can be shown next to it */ | |||
| display: inline-block; | |||
| background-image: url('../img/logo-icon.svg?v=1'); | |||
| background-repeat: no-repeat; | |||
| background-position: center center; | |||
| width: 62px; | |||
| height: 34px; | |||
| } | |||
| #header .header-appname-container { | |||
| display: inline-block; | |||
| position: absolute; | |||
| left: 70px; | |||
| height: 27px; | |||
| padding-top: 18px; | |||
| padding-right: 10px; | |||
| } | |||
| /* hover effect for app switcher label */ | |||
| .header-appname-container .header-appname, | |||
| .menutoggle .icon-caret { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; | |||
| opacity: .75; | |||
| } | |||
| .menutoggle:hover .header-appname, | |||
| .menutoggle:hover .icon-caret, | |||
| .menutoggle:focus .header-appname, | |||
| .menutoggle:focus .icon-caret, | |||
| .menutoggle.active .header-appname, | |||
| .menutoggle.active .icon-caret { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| opacity: 1; | |||
| } | |||
| /* show appname next to logo */ | |||
| .header-appname { | |||
| display: inline-block; | |||
| position: relative; | |||
| color: #fff; | |||
| font-size: 16px; | |||
| font-weight: 300; | |||
| margin: 0; | |||
| margin-top: -24px; | |||
| padding: 7px 0 7px 5px; | |||
| vertical-align: middle; | |||
| } | |||
| /* show caret indicator next to logo to make clear it is tappable */ | |||
| #header .icon-caret { | |||
| display: inline-block; | |||
| width: 12px; | |||
| height: 12px; | |||
| margin: 0; | |||
| margin-top: -21px; | |||
| padding: 0; | |||
| vertical-align: middle; | |||
| } | |||
| /* do not show menu toggle on public share links as there is no menu */ | |||
| #body-public #header .icon-caret { | |||
| display: none; | |||
| } | |||
| /* NAVIGATION --------------------------------------------------------------- */ | |||
| #navigation { | |||
| position: fixed; | |||
| top: 45px; | |||
| left: 10px; | |||
| width: 265px; | |||
| max-height: 85%; | |||
| margin-top: 0; | |||
| padding-bottom: 10px; | |||
| background-color: rgba(255, 255, 255, .97); | |||
| box-shadow: 0 1px 10px rgba(150, 150, 150, .75); | |||
| border-radius: 3px; | |||
| border-top-left-radius: 0; | |||
| border-top-right-radius: 0; | |||
| display: none; | |||
| /*overflow-y: auto; | |||
| overflow-x: hidden;*/ | |||
| z-index: 2000; | |||
| } | |||
| /* arrow look */ | |||
| #navigation:after, #expanddiv:after { | |||
| bottom: 100%; | |||
| border: solid transparent; | |||
| content: " "; | |||
| height: 0; | |||
| width: 0; | |||
| position: absolute; | |||
| pointer-events: none; | |||
| border-color: rgba(0, 0, 0, 0); | |||
| border-bottom-color: rgba(255, 255, 255, .97); | |||
| border-width: 10px; | |||
| margin-left: -10px; | |||
| } | |||
| /* position of dropdown arrow */ | |||
| #navigation:after { | |||
| left: 47%; | |||
| } | |||
| #expanddiv:after { | |||
| right: 15px; | |||
| } | |||
| #navigation, #navigation * { | |||
| box-sizing:border-box; | |||
| } | |||
| #navigation li { | |||
| display: inline-block; | |||
| } | |||
| #navigation a { | |||
| position: relative; | |||
| width: 80px; | |||
| height: 80px; | |||
| display: inline-block; | |||
| text-align: center; | |||
| padding: 20px 0; | |||
| } | |||
| #navigation a span { | |||
| display: inline-block; | |||
| font-size: 13px; | |||
| padding-bottom: 0; | |||
| padding-left: 0; | |||
| width: 80px; | |||
| text-align: center; | |||
| color: #000; | |||
| white-space:nowrap; | |||
| overflow:hidden; | |||
| text-overflow:ellipsis; | |||
| } | |||
| /* icon opacity and hover effect */ | |||
| #navigation a svg, | |||
| #navigation a span { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||
| opacity: .5; | |||
| } | |||
| #navigation a:hover svg, | |||
| #navigation a:focus svg, | |||
| #navigation a:hover span, | |||
| #navigation a:focus span, | |||
| #navigation a.active svg, | |||
| #navigation a.active span, | |||
| #apps-management a:hover svg, | |||
| #apps-management a:focus svg, | |||
| #apps-management a.active svg, | |||
| #apps-management a:hover span, | |||
| #apps-management a:focus span, | |||
| #apps-management a.active span { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| opacity: 1; | |||
| } | |||
| #navigation .app-icon { | |||
| margin: 0 auto; | |||
| padding: 0; | |||
| max-height: 32px; | |||
| max-width: 32px; | |||
| } | |||
| /* Apps management */ | |||
| #apps-management { | |||
| min-height: initial; | |||
| height: initial; | |||
| margin: 0; | |||
| } | |||
| #apps-management a svg, | |||
| #apps-management a span { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |||
| opacity: .3; | |||
| } | |||
| /* loading feedback for apps */ | |||
| #navigation .app-loading .icon-loading-dark { | |||
| display: inline !important; | |||
| position: absolute; | |||
| top: 20px; | |||
| left: 24px; | |||
| width: 32px; | |||
| height: 32px; | |||
| } | |||
| #navigation .app-loading .app-icon { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |||
| opacity: 0; | |||
| } | |||
| #apps { | |||
| max-height: calc(100vh - 100px); | |||
| overflow:auto; | |||
| } | |||
| /* USER MENU -----------------------------------------------------------------*/ | |||
| /* 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: 80%; | |||
| white-space: nowrap; | |||
| box-sizing: border-box; | |||
| } | |||
| /* Profile picture in header */ | |||
| #header .avatardiv { | |||
| float: left; | |||
| display: inline-block; | |||
| margin-right: 8px; | |||
| cursor: pointer; | |||
| height: 32px; | |||
| width: 32px; | |||
| } | |||
| #header .avatardiv img { | |||
| opacity: 1; | |||
| cursor: pointer; | |||
| } | |||
| #settings { | |||
| float: right; | |||
| color: #ddd; | |||
| cursor: pointer; | |||
| } | |||
| #settings .icon-loading-small-dark { | |||
| display: inline-block; | |||
| margin-bottom: -3px; | |||
| margin-right: 6px; | |||
| background-size: 16px 16px; | |||
| } | |||
| #expand { | |||
| display: block; | |||
| padding: 7px 30px 6px 10px; | |||
| cursor: pointer; | |||
| } | |||
| #expand * { | |||
| cursor: pointer; | |||
| } | |||
| #expand:hover, | |||
| #expand:focus, | |||
| #expand:active { | |||
| color: #fff; | |||
| } | |||
| #expand img { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.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)"; | |||
| opacity: 1; | |||
| } | |||
| #expand .icon-caret { | |||
| margin-top: 0; | |||
| } | |||
| #expanddiv { | |||
| position: absolute; | |||
| right: 13px; | |||
| top: 45px; | |||
| z-index: 2000; | |||
| display: none; | |||
| background: rgb(255, 255, 255); | |||
| box-shadow: 0 1px 10px rgba(150, 150, 150, .75); | |||
| border-radius: 3px; | |||
| border-top-left-radius: 0; | |||
| border-top-right-radius: 0; | |||
| box-sizing: border-box; | |||
| } | |||
| #expanddiv:after { | |||
| border-color: rgba(0, 0, 0, 0); | |||
| border-bottom-color: rgba(255, 255, 255, 1); | |||
| } | |||
| #expanddiv a { | |||
| display: block; | |||
| height: 40px; | |||
| color: #000; | |||
| padding: 4px 12px 0; | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||
| opacity: .5; | |||
| box-sizing: border-box; | |||
| } | |||
| #expanddiv a img { | |||
| margin-bottom: -3px; | |||
| margin-right: 6px; | |||
| } | |||
| #expanddiv a:hover, | |||
| #expanddiv a:focus, | |||
| #expanddiv a:active, | |||
| #expanddiv a.active { | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| opacity: 1; | |||
| } | |||
| /* do not show display name when profile picture is present */ | |||
| #header .avatardiv.avatardiv-shown + #expandDisplayName { | |||
| display: none; | |||
| } | |||
| #header #expand { | |||
| display: block; | |||
| } | |||
+ 0
- 428
core/css/icons.css
View File
| @@ -1,428 +0,0 @@ | |||
| [class^="icon-"], [class*=" icon-"] { | |||
| background-repeat: no-repeat; | |||
| background-position: center; | |||
| min-width: 16px; | |||
| min-height: 16px; | |||
| } | |||
| /* general assets */ | |||
| .icon-breadcrumb { | |||
| background-image: url('../img/breadcrumb.svg?v=1'); | |||
| } | |||
| .loading, | |||
| .loading-small, | |||
| .icon-loading, | |||
| .icon-loading-dark, | |||
| .icon-loading-small, | |||
| .icon-loading-small-dark { | |||
| position: relative; | |||
| } | |||
| .loading:after, | |||
| .loading-small:after, | |||
| .icon-loading:after, | |||
| .icon-loading-dark:after, | |||
| .icon-loading-small:after, | |||
| .icon-loading-small-dark:after { | |||
| z-index: 2; | |||
| content: ""; | |||
| height: 30px; | |||
| width: 30px; | |||
| margin: -16px 0 0 -16px; | |||
| position: absolute; | |||
| top: 50%; | |||
| left: 50%; | |||
| border-radius: 100%; | |||
| -webkit-animation: rotate .8s infinite linear; | |||
| animation: rotate .8s infinite linear; | |||
| -webkit-transform-origin: center; | |||
| -ms-transform-origin: center; | |||
| transform-origin: center; | |||
| } | |||
| .loading:after, | |||
| .loading-small:after, | |||
| .icon-loading:after, | |||
| .icon-loading-dark:after, | |||
| .icon-loading-small:after, | |||
| .icon-loading-small-dark:after { | |||
| border: 2px solid rgba(150, 150, 150, .5); | |||
| border-top-color: rgb(100, 100, 100); | |||
| } | |||
| .icon-loading-dark:after, | |||
| .icon-loading-small-dark:after { | |||
| border: 2px solid rgba(187, 187, 187, .5); | |||
| border-top-color: #bbb; | |||
| } | |||
| .icon-loading-small:after, | |||
| .icon-loading-small-dark:after { | |||
| height: 14px; | |||
| width: 14px; | |||
| margin: -8px 0 0 -8px; | |||
| } | |||
| /* Css replaced elements don't have ::after nor ::before */ | |||
| img.icon-loading, object.icon-loading, video.icon-loading, button.icon-loading, textarea.icon-loading, input.icon-loading, select.icon-loading { | |||
| background-image: url("../img/loading.gif"); | |||
| } | |||
| img.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark, button.icon-loading-dark, textarea.icon-loading-dark, input.icon-loading-dark, select.icon-loading-dark { | |||
| background-image: url("../img/loading-dark.gif"); | |||
| } | |||
| img.icon-loading-small, object.icon-loading-small, video.icon-loading-small, button.icon-loading-small, textarea.icon-loading-small, input.icon-loading-small, select.icon-loading-small { | |||
| background-image: url("../img/loading-small.gif"); | |||
| } | |||
| img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark, button.icon-loading-small-dark, textarea.icon-loading-small-dark, input.icon-loading-small-dark, select.icon-loading-small-dark { | |||
| background-image: url("../img/loading-small-dark.gif"); | |||
| } | |||
| @-webkit-keyframes rotate { | |||
| from { | |||
| -webkit-transform: rotate(0deg); | |||
| transform: rotate(0deg); | |||
| } | |||
| to { | |||
| -webkit-transform: rotate(360deg); | |||
| transform: rotate(360deg); | |||
| } | |||
| } | |||
| @keyframes rotate { | |||
| from { | |||
| -webkit-transform: rotate(0deg); | |||
| transform: rotate(0deg); | |||
| } | |||
| to { | |||
| -webkit-transform: rotate(360deg); | |||
| transform: rotate(360deg); | |||
| } | |||
| } | |||
| .icon-32 { | |||
| background-size: 32px !important; | |||
| } | |||
| /* action icons */ | |||
| .icon-add { | |||
| background-image: url('../img/actions/add.svg?v=1'); | |||
| } | |||
| .icon-audio { | |||
| background-image: url('../img/actions/audio.svg?v=1'); | |||
| } | |||
| .icon-audio-white { | |||
| background-image: url('../img/actions/audio-white.svg?v=2'); | |||
| } | |||
| .icon-audio-off { | |||
| background-image: url('../img/actions/audio-off.svg?v=1'); | |||
| } | |||
| .icon-audio-off-white { | |||
| background-image: url('../img/actions/audio-off-white.svg?v=1'); | |||
| } | |||
| .icon-caret { | |||
| background-image: url('../img/actions/caret.svg?v=1'); | |||
| } | |||
| .icon-caret-dark { | |||
| background-image: url('../img/actions/caret-dark.svg?v=1'); | |||
| } | |||
| .icon-checkmark { | |||
| background-image: url('../img/actions/checkmark.svg?v=1'); | |||
| } | |||
| .icon-checkmark-white { | |||
| background-image: url('../img/actions/checkmark-white.svg?v=1'); | |||
| } | |||
| .icon-checkmark-color { | |||
| background-image: url('../img/actions/checkmark-color.svg?v=1'); | |||
| } | |||
| .icon-clippy { | |||
| background-image: url('../img/actions/clippy.svg?v=2'); | |||
| } | |||
| .icon-close { | |||
| background-image: url('../img/actions/close.svg?v=1'); | |||
| } | |||
| .icon-comment { | |||
| background-image: url('../img/actions/comment.svg?v=1'); | |||
| } | |||
| .icon-confirm { | |||
| background-image: url('../img/actions/confirm.svg?v=2'); | |||
| } | |||
| .icon-confirm-white { | |||
| background-image: url('../img/actions/confirm-white.svg?v=2'); | |||
| } | |||
| .icon-delete, | |||
| .icon-delete.no-permission:hover, | |||
| .icon-delete.no-permission:focus { | |||
| background-image: url('../img/actions/delete.svg?v=1'); | |||
| } | |||
| .icon-delete:hover, | |||
| .icon-delete:focus { | |||
| background-image: url('../img/actions/delete-hover.svg?v=1'); | |||
| } | |||
| .icon-delete-white { | |||
| background-image: url('../img/actions/delete-white.svg?v=1'); | |||
| } | |||
| .icon-details { | |||
| background-image: url('../img/actions/details.svg?v=1'); | |||
| } | |||
| .icon-download { | |||
| background-image: url('../img/actions/download.svg?v=1'); | |||
| } | |||
| .icon-download-white { | |||
| background-image: url('../img/actions/download-white.svg?v=1'); | |||
| } | |||
| .icon-edit { | |||
| background-image: url('../img/actions/edit.svg?v=1'); | |||
| } | |||
| .icon-error { | |||
| background-image: url('../img/actions/error.svg?v=1'); | |||
| } | |||
| .icon-error-white { | |||
| background-image: url('../img/actions/error-white.svg?v=1'); | |||
| } | |||
| .icon-error-color { | |||
| background-image: url('../img/actions/error-color.svg?v=1'); | |||
| } | |||
| .icon-external { | |||
| background-image: url('../img/actions/external.svg?v=1'); | |||
| } | |||
| .icon-fullscreen { | |||
| background-image: url('../img/actions/fullscreen.svg?v=1'); | |||
| } | |||
| .icon-fullscreen-white { | |||
| background-image: url('../img/actions/fullscreen-white.svg?v=2'); | |||
| } | |||
| .icon-history { | |||
| background-image: url('../img/actions/history.svg?v=1'); | |||
| } | |||
| .icon-info { | |||
| background-image: url('../img/actions/info.svg?v=1'); | |||
| } | |||
| .icon-info-white { | |||
| background-image: url('../img/actions/info-white.svg?v=1'); | |||
| } | |||
| .icon-logout { | |||
| background-image: url('../img/actions/logout.svg?v=1'); | |||
| } | |||
| .icon-mail { | |||
| background-image: url('../img/actions/mail.svg?v=1'); | |||
| } | |||
| .icon-menu { | |||
| background-image: url('../img/actions/menu.svg?v=1'); | |||
| } | |||
| .icon-more { | |||
| background-image: url('../img/actions/more.svg?v=1'); | |||
| } | |||
| .icon-more-white { | |||
| background-image: url('../img/actions/more-white.svg?v=1'); | |||
| } | |||
| .icon-password { | |||
| background-image: url('../img/actions/password.svg?v=1'); | |||
| } | |||
| .icon-pause { | |||
| background-image: url('../img/actions/pause.svg?v=1'); | |||
| } | |||
| .icon-pause-big { | |||
| background-image: url('../img/actions/pause-big.svg?v=1'); | |||
| } | |||
| .icon-play { | |||
| background-image: url('../img/actions/play.svg?v=1'); | |||
| } | |||
| .icon-play-add { | |||
| background-image: url('../img/actions/play-add.svg?v=1'); | |||
| } | |||
| .icon-play-big { | |||
| background-image: url('../img/actions/play-big.svg?v=1'); | |||
| } | |||
| .icon-play-next { | |||
| background-image: url('../img/actions/play-next.svg?v=1'); | |||
| } | |||
| .icon-play-previous { | |||
| background-image: url('../img/actions/play-previous.svg?v=1'); | |||
| } | |||
| .icon-public { | |||
| background-image: url('../img/actions/public.svg?v=1'); | |||
| } | |||
| .icon-rename { | |||
| background-image: url('../img/actions/rename.svg?v=1'); | |||
| } | |||
| .icon-search { | |||
| background-image: url('../img/actions/search.svg?v=1'); | |||
| } | |||
| .icon-search-white { | |||
| background-image: url('../img/actions/search-white.svg?v=1'); | |||
| } | |||
| .icon-settings { | |||
| background-image: url('../img/actions/settings.svg?v=1'); | |||
| } | |||
| .icon-share { | |||
| background-image: url('../img/actions/share.svg?v=1'); | |||
| } | |||
| .icon-shared { | |||
| background-image: url('../img/actions/shared.svg?v=1'); | |||
| } | |||
| .icon-sound { | |||
| background-image: url('../img/actions/sound.svg?v=1'); | |||
| } | |||
| .icon-sound-off { | |||
| background-image: url('../img/actions/sound-off.svg?v=1'); | |||
| } | |||
| .icon-favorite { | |||
| background-image: url('../img/actions/star-dark.svg?v=1'); | |||
| } | |||
| .icon-star, | |||
| .icon-starred:hover, | |||
| .icon-starred:focus { | |||
| background-image: url('../img/actions/star.svg?v=1'); | |||
| } | |||
| .icon-starred, | |||
| .icon-star:hover, | |||
| .icon-star:focus { | |||
| background-image: url('../img/actions/starred.svg?v=1'); | |||
| } | |||
| .icon-tag { | |||
| background-image: url('../img/actions/tag.svg?v=1'); | |||
| } | |||
| .icon-toggle { | |||
| background-image: url('../img/actions/toggle.svg?v=1'); | |||
| } | |||
| .icon-triangle-e { | |||
| background-image: url('../img/actions/triangle-e.svg?v=1'); | |||
| } | |||
| .icon-triangle-n { | |||
| background-image: url('../img/actions/triangle-n.svg?v=1'); | |||
| } | |||
| .icon-triangle-s { | |||
| background-image: url('../img/actions/triangle-s.svg?v=1'); | |||
| } | |||
| .icon-upload { | |||
| background-image: url('../img/actions/upload.svg?v=1'); | |||
| } | |||
| .icon-upload-white { | |||
| background-image: url('../img/actions/upload-white.svg?v=1'); | |||
| } | |||
| .icon-user { | |||
| background-image: url('../img/actions/user.svg?v=1'); | |||
| } | |||
| .icon-video { | |||
| background-image: url('../img/actions/video.svg?v=1'); | |||
| } | |||
| .icon-video-white { | |||
| background-image: url('../img/actions/video-white.svg?v=2'); | |||
| } | |||
| .icon-video-off { | |||
| background-image: url('../img/actions/video-off.svg?v=1'); | |||
| } | |||
| .icon-video-off-white { | |||
| background-image: url('../img/actions/video-off-white.svg?v=1'); | |||
| } | |||
| .icon-view-close { | |||
| background-image: url('../img/actions/view-close.svg?v=1'); | |||
| } | |||
| .icon-view-download { | |||
| background-image: url('../img/actions/view-download.svg?v=1'); | |||
| } | |||
| .icon-view-next { | |||
| background-image: url('../img/actions/view-next.svg?v=1'); | |||
| } | |||
| .icon-view-pause { | |||
| background-image: url('../img/actions/view-pause.svg?v=1'); | |||
| } | |||
| .icon-view-play { | |||
| background-image: url('../img/actions/view-play.svg?v=1'); | |||
| } | |||
| .icon-view-previous { | |||
| background-image: url('../img/actions/view-previous.svg?v=1'); | |||
| } | |||
| /* places icons */ | |||
| .icon-calendar-dark { | |||
| background-image: url('../img/places/calendar-dark.svg?v=1'); | |||
| } | |||
| .icon-contacts-dark { | |||
| background-image: url('../img/places/contacts-dark.svg?v=1'); | |||
| } | |||
| .icon-files { | |||
| background-image: url('../img/places/files.svg?v=1'); | |||
| } | |||
| .icon-files-dark { | |||
| background-image: url('../img/places/files-dark.svg?v=1'); | |||
| } | |||
| .icon-file, | |||
| .icon-filetype-text { | |||
| background-image: url('../img/filetypes/text.svg?v=1'); | |||
| } | |||
| .icon-folder, | |||
| .icon-filetype-folder { | |||
| background-image: url('../img/filetypes/folder.svg?v=1'); | |||
| } | |||
| .icon-filetype-folder-drag-accept { | |||
| background-image: url('../img/filetypes/folder-drag-accept.svg?v=1')!important; | |||
| } | |||
| .icon-home { | |||
| background-image: url('../img/places/home.svg?v=1'); | |||
| } | |||
| .icon-link { | |||
| background-image: url('../img/places/link.svg?v=1'); | |||
| } | |||
| .icon-music { | |||
| background-image: url('../img/places/music.svg?v=1'); | |||
| } | |||
| .icon-picture { | |||
| background-image: url('../img/places/picture.svg?v=1'); | |||
| } | |||
+ 0
- 472
core/css/inputs.css
View File
| @@ -1,472 +0,0 @@ | |||
| /* INPUTS */ | |||
| /* specifically override browser styles */ | |||
| input, textarea, select, button { | |||
| font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif; | |||
| } | |||
| .select2-container-multi .select2-choices .select2-search-field input, | |||
| .select2-search input, | |||
| .ui-widget { | |||
| font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif !important; | |||
| } | |||
| input[type="text"], | |||
| input[type="password"], | |||
| input[type="search"], | |||
| input[type="number"], | |||
| input[type="email"], | |||
| input[type="tel"], | |||
| input[type="url"], | |||
| input[type="time"], | |||
| input[type="date"], | |||
| textarea, | |||
| select, | |||
| button, .button, | |||
| input[type="submit"], | |||
| input[type="button"], | |||
| #quota, | |||
| .pager li a { | |||
| width: 130px; | |||
| margin: 3px 3px 3px 0; | |||
| padding: 7px 6px 5px; | |||
| font-size: 13px; | |||
| background-color: #fff; | |||
| color: #333; | |||
| border: 1px solid #ddd; | |||
| outline: none; | |||
| border-radius: 3px; | |||
| } | |||
| input[type="hidden"] { | |||
| height: 0; | |||
| width: 0; | |||
| } | |||
| input[type="text"], | |||
| input[type="password"], | |||
| input[type="search"], | |||
| input[type="number"], | |||
| input[type="email"], | |||
| input[type="tel"], | |||
| input[type="url"], | |||
| input[type="time"], | |||
| textarea { | |||
| background: #fff; | |||
| color: #555; | |||
| cursor: text; | |||
| font-family: inherit; /* use default ownCloud font instead of default textarea monospace */ | |||
| } | |||
| input[type="text"], | |||
| input[type="password"], | |||
| input[type="search"], | |||
| input[type="number"], | |||
| input[type="email"], | |||
| input[type="tel"], | |||
| input[type="url"], | |||
| input[type="time"] { | |||
| -webkit-appearance:textfield; | |||
| -moz-appearance:textfield; | |||
| box-sizing:content-box; | |||
| } | |||
| input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, | |||
| input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, | |||
| input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, | |||
| input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, | |||
| input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, | |||
| input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, | |||
| input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, | |||
| input[type="time"]:hover, input[type="time"]:focus, input[type="time"]:active, | |||
| textarea:hover, textarea:focus, textarea:active { | |||
| color: #333; | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
| opacity: 1; | |||
| } | |||
| input[type="checkbox"].checkbox { | |||
| position: absolute; | |||
| left:-10000px; | |||
| top: auto; | |||
| width: 1px; | |||
| height: 1px; | |||
| overflow: hidden; | |||
| } | |||
| input[type="checkbox"].checkbox + label:before { | |||
| content: ""; | |||
| display: inline-block; | |||
| height: 20px; | |||
| width: 20px; | |||
| vertical-align: middle; | |||
| background: url('../img/actions/checkbox.svg') left top no-repeat; | |||
| } | |||
| input[type="checkbox"].checkbox:disabled +label:before { opacity: .6; } | |||
| input[type="checkbox"].checkbox.u-left +label:before { float: left; } | |||
| input[type="checkbox"].checkbox.u-hidden + label:before { display: none; } | |||
| input[type="checkbox"].checkbox:checked + label:before { | |||
| background-image: url('../img/actions/checkbox-checked.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox:indeterminate + label:before { | |||
| background-image: url('../img/actions/checkbox-mixed.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox:disabled + label:before { | |||
| background-image: url('../img/actions/checkbox-disabled.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox:checked:disabled + label:before { | |||
| background-image: url('../img/actions/checkbox-checked-disabled.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox:indeterminate:disabled + label:before { | |||
| background-image: url('../img/actions/checkbox-mixed-disabled.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox--white + label:before { | |||
| background-image: url('../img/actions/checkbox-white.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox--white:checked + label:before { | |||
| background-image: url('../img/actions/checkbox-checked-white.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox--white:indeterminate + label:before { | |||
| background-image: url('../img/actions/checkbox-mixed-white.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox--white:disabled + label:before { | |||
| background-image: url('../img/actions/checkbox-disabled-white.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox--white:checked:disabled + label:before { | |||
| background-image: url('../img/actions/checkbox-checked-disabled.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox--white:indeterminate:disabled + label:before { | |||
| background-image: url('../img/actions/checkbox-mixed-disabled.svg'); | |||
| } | |||
| input[type="checkbox"].checkbox:hover+label:before, input[type="checkbox"]:focus+label:before { | |||
| color:#111 !important; | |||
| } | |||
| input[type="radio"].radio { | |||
| position: absolute; | |||
| left:-10000px; | |||
| top: auto; | |||
| width: 1px; | |||
| height: 1px; | |||
| overflow: hidden; | |||
| } | |||
| input[type="radio"].radio + label:before { | |||
| content: ""; | |||
| display: inline-block; | |||
| height: 20px; | |||
| width: 20px; | |||
| vertical-align: middle; | |||
| background: url('../img/actions/radio.svg') left top no-repeat; | |||
| } | |||
| input[type="radio"].radio:checked + label:before { | |||
| background-image: url('../img/actions/radio-checked.svg'); | |||
| } | |||
| input[type="radio"].radio:disabled + label:before { | |||
| background-image: url('../img/actions/radio-disabled.svg'); | |||
| } | |||
| input[type="radio"].radio:checked:disabled + label:before { | |||
| background-image: url('../img/actions/radio-checked-disabled.svg'); | |||
| } | |||
| input[type="radio"].radio--white + label:before { | |||
| background-image: url('../img/actions/radio-white.svg'); | |||
| } | |||
| input[type="radio"].radio--white:checked + label:before { | |||
| background-image: url('../img/actions/radio-checked-white.svg'); | |||
| } | |||
| input[type="radio"].radio--white:disabled + label:before { | |||
| background-image: url('../img/actions/radio-disabled.svg'); | |||
| } | |||
| input[type="radio"].radio--white:checked:disabled + label:before { | |||
| background-image: url('../img/actions/radio-checked-disabled.svg'); | |||
| } | |||
| input[type="time"] { | |||
| width: initial; | |||
| height: 31px; | |||
| box-sizing: border-box; | |||
| } | |||
| select { | |||
| -webkit-appearance: none; | |||
| -moz-appearance: none; | |||
| appearance: none; | |||
| background: url('../../core/img/actions/triangle-s.svg') no-repeat right 8px center rgba(240, 240, 240, 0.90); | |||
| outline: 0; | |||
| padding-right: 24px !important; | |||
| } | |||
| select:hover { | |||
| background-color: #fefefe; | |||
| } | |||
| /* select2 adjustments */ | |||
| #select2-drop { | |||
| margin-top: -2px; | |||
| } | |||
| #select2-drop.select2-drop-active { | |||
| border-color: #ddd; | |||
| } | |||
| #select2-drop .avatar { | |||
| display: inline-block; | |||
| margin-right: 8px; | |||
| vertical-align: middle; | |||
| } | |||
| #select2-drop .avatar img, | |||
| .select2-chosen .avatar img, | |||
| #select2-drop .avatar, | |||
| .select2-chosen .avatar { | |||
| cursor: pointer; | |||
| } | |||
| #select2-drop .select2-search input { | |||
| width: calc(100% - 14px); | |||
| min-height: auto; | |||
| background: url('../img/actions/search.svg') no-repeat right center !important; | |||
| background-origin: content-box !important; | |||
| } | |||
| #select2-drop .select2-results { | |||
| max-height: 250px; | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| #select2-drop .select2-results .select2-result-label { | |||
| white-space: nowrap; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| } | |||
| #select2-drop .select2-results .select2-result-label span { | |||
| cursor: pointer; | |||
| } | |||
| #select2-drop .select2-results .select2-result, | |||
| #select2-drop .select2-results .select2-no-results, | |||
| #select2-drop .select2-results .select2-searching { | |||
| position: relative; | |||
| display: list-item; | |||
| padding: 12px; | |||
| background-color: #fff; | |||
| cursor: pointer; | |||
| color: #222; | |||
| } | |||
| #select2-drop .select2-results .select2-result.select2-selected { | |||
| background-color: #f8f8f8; | |||
| } | |||
| #select2-drop .select2-results .select2-result.select2-highlighted { | |||
| background-color: #f8f8f8; | |||
| color: #000; | |||
| } | |||
| .select2-container-multi .select2-choices, | |||
| .select2-container-multi.select2-container-active .select2-choices, | |||
| .select2-container .select2-choice { | |||
| box-shadow: none; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| background: #fff; | |||
| color: #555; | |||
| box-sizing: content-box; | |||
| border-radius: 3px; | |||
| border: 1px solid #ddd; | |||
| margin: 0; | |||
| padding: 2px 0; | |||
| min-height: auto; | |||
| } | |||
| .select2-container-multi .select2-choices .select2-search-choice, | |||
| .select2-container-multi.select2-container-active .select2-choices .select2-search-choice, | |||
| .select2-container .select2-choice .select2-search-choice { | |||
| line-height: 20px; | |||
| padding-left: 5px; | |||
| background-image: none; | |||
| background-color: #f8f8f8; | |||
| border-color: #f8f8f8; | |||
| } | |||
| .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, .select2-container-multi .select2-choices .select2-search-choice:hover, | |||
| .select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus, | |||
| .select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover, | |||
| .select2-container .select2-choice .select2-search-choice.select2-search-choice-focus, | |||
| .select2-container .select2-choice .select2-search-choice:hover { | |||
| background-color: #f0f0f0; | |||
| border-color: #f0f0f0; | |||
| } | |||
| .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close, | |||
| .select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close, | |||
| .select2-container .select2-choice .select2-search-choice .select2-search-choice-close { | |||
| display: none; | |||
| } | |||
| .select2-container-multi .select2-choices .select2-search-field input, | |||
| .select2-container-multi.select2-container-active .select2-choices .select2-search-field input, | |||
| .select2-container .select2-choice .select2-search-field input { | |||
| line-height: 20px; | |||
| } | |||
| .select2-container { | |||
| margin: 3px 3px 3px 0; | |||
| } | |||
| .select2-container.select2-container-multi .select2-choices { | |||
| display: flex; | |||
| flex-wrap: wrap; | |||
| } | |||
| .select2-container.select2-container-multi .select2-choices li { | |||
| float: none; | |||
| } | |||
| .select2-container .select2-choice { | |||
| padding-left: 38px; | |||
| } | |||
| .select2-container .select2-choice .select2-arrow { | |||
| background: none; | |||
| border-radius: 0; | |||
| border: none; | |||
| } | |||
| .select2-container .select2-choice .select2-arrow b { | |||
| background: url('../img/actions/triangle-s.svg') no-repeat center !important; | |||
| opacity: .5; | |||
| } | |||
| .select2-container .select2-choice:hover .select2-arrow b, | |||
| .select2-container .select2-choice:focus .select2-arrow b, | |||
| .select2-container .select2-choice:active .select2-arrow b { | |||
| opacity: .7; | |||
| } | |||
| /* jQuery UI fixes */ | |||
| .ui-menu { | |||
| padding: 0; | |||
| } | |||
| .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { | |||
| font-weight: inherit; | |||
| margin: 0; | |||
| } | |||
| .ui-widget-content { | |||
| background: #fff; | |||
| border-top: none; | |||
| } | |||
| .ui-corner-all { | |||
| border-radius: 0; | |||
| border-bottom-left-radius: 3px; | |||
| border-bottom-right-radius: 3px; | |||
| } | |||
| .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { | |||
| border: none; | |||
| background: #f8f8f8; | |||
| } | |||
| /* correctly align images inside of buttons */ | |||
| input img, button img, .button img { | |||
| vertical-align: text-bottom; | |||
| } | |||
| input[type="submit"].enabled { | |||
| background-color: #66f866; | |||
| border: 1px solid #5e5; | |||
| } | |||
| .input-button-inline { | |||
| position: absolute !important; | |||
| right: 0; | |||
| background-color: transparent !important; | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |||
| opacity: .3; | |||
| } | |||
| /* BUTTONS */ | |||
| 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: 600; | |||
| color: #555; | |||
| border: 1px solid rgba(240,240,240,.9); | |||
| cursor: pointer; | |||
| } | |||
| select, .button.multiselect { | |||
| font-weight: 400; | |||
| } | |||
| input[type="submit"]:hover, input[type="submit"]:focus, | |||
| input[type="button"]:hover, input[type="button"]:focus, | |||
| button:hover, button:focus, | |||
| .button:hover, .button:focus, | |||
| .button a:focus, | |||
| select:hover, select:focus, select:active { | |||
| background-color: rgba(255, 255, 255, .95); | |||
| color: #111; | |||
| } | |||
| input[type="submit"] img, input[type="button"] img, button img, .button img { cursor:pointer; } | |||
| #header .button { | |||
| border: none; | |||
| box-shadow: none; | |||
| } | |||
| /* disabled input fields and buttons */ | |||
| input:disabled, input:disabled:hover, input:disabled:focus, | |||
| button:disabled, button:disabled:hover, button:disabled:focus, | |||
| .button:disabled, .button:disabled:hover, .button:disabled:focus, | |||
| a.disabled, a.disabled:hover, a.disabled:focus, | |||
| textarea:disabled { | |||
| background-color: rgba(230,230,230,.9); | |||
| color: #999; | |||
| cursor: default; | |||
| } | |||
| input:disabled+label, input:disabled:hover+label, input:disabled:focus+label { | |||
| color: #999 !important; | |||
| cursor: default; | |||
| } | |||
| /* Primary action button, use sparingly */ | |||
| .primary, input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary { | |||
| border: 1px solid #0082c9; | |||
| background-color: #00a2e9; | |||
| color: #fff; | |||
| } | |||
| .primary:hover, input[type="submit"].primary:hover, input[type="button"].primary:hover, button.primary:hover, .button.primary:hover, | |||
| .primary:focus, input[type="submit"].primary:focus, input[type="button"].primary:focus, button.primary:focus, .button.primary:focus { | |||
| background-color: #0092d9; | |||
| color: #fff; | |||
| } | |||
| .primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active, | |||
| .primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled, | |||
| .primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover, | |||
| .primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus { | |||
| background-color: #00a2e9; | |||
| color: #bbb; | |||
| } | |||
| @keyframes shake { | |||
| 0% { transform: translate(-5px, 0); } | |||
| 20% { transform: translate(5px, 0); } | |||
| 40% { transform: translate(-5px, 0); } | |||
| 60% { transform: translate(5px, 0); } | |||
| 80% { transform: translate(-5px, 0); } | |||
| 100% { transform: translate(5px, 0); } | |||
| } | |||
| .shake { | |||
| animation-name: shake; | |||
| animation-duration: .3s; | |||
| animation-timing-function: ease-out; | |||
| } | |||
+ 0
- 142
core/css/jquery-ui-fixes.css
View File
| @@ -1,142 +0,0 @@ | |||
| /* Component containers | |||
| ----------------------------------*/ | |||
| .ui-widget { | |||
| font-family: "Lucida Grande", Arial, Verdana, sans-serif; | |||
| font-size: 1em; | |||
| } | |||
| .ui-widget button { | |||
| font-family: "Lucida Grande", Arial, Verdana, sans-serif; | |||
| } | |||
| .ui-widget-content { | |||
| border: 1px solid #dddddd; | |||
| background: #eeeeee url('images/ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x; | |||
| color: #333333; | |||
| } | |||
| .ui-widget-content a { | |||
| color: #333333; | |||
| } | |||
| .ui-widget-header { | |||
| border: 1px solid #0082c9; | |||
| background: #0082c9; | |||
| color: #ffffff; | |||
| } | |||
| .ui-widget-header a { | |||
| color: #ffffff; | |||
| } | |||
| /* Interaction states | |||
| ----------------------------------*/ | |||
| .ui-state-default, | |||
| .ui-widget-content .ui-state-default, | |||
| .ui-widget-header .ui-state-default { | |||
| border: 1px solid #ddd; | |||
| background: #f8f8f8 url('images/ui-bg_glass_100_f8f8f8_1x400.png') 50% 50% repeat-x; | |||
| font-weight: bold; | |||
| color: #555; | |||
| } | |||
| .ui-state-default a, | |||
| .ui-state-default a:link, | |||
| .ui-state-default a:visited { | |||
| color: #555; | |||
| } | |||
| .ui-state-hover, | |||
| .ui-widget-content .ui-state-hover, | |||
| .ui-widget-header .ui-state-hover, | |||
| .ui-state-focus, | |||
| .ui-widget-content .ui-state-focus, | |||
| .ui-widget-header .ui-state-focus { | |||
| border: 1px solid #ddd; | |||
| background: #ffffff url('images/ui-bg_flat_100_ffffff_40x100.png') 50% 50% repeat-x; | |||
| font-weight: bold; | |||
| color: #333; | |||
| } | |||
| .ui-state-hover a, | |||
| .ui-state-hover a:hover, | |||
| .ui-state-hover a:link, | |||
| .ui-state-hover a:visited { | |||
| color: #333; | |||
| } | |||
| .ui-state-active, | |||
| .ui-widget-content .ui-state-active, | |||
| .ui-widget-header .ui-state-active { | |||
| border: 1px solid #0082c9; | |||
| background: #f8f8f8 url('images/ui-bg_glass_100_f8f8f8_1x400.png') 50% 50% repeat-x; | |||
| font-weight: bold; | |||
| color: #0082c9; | |||
| } | |||
| .ui-state-active a, | |||
| .ui-state-active a:link, | |||
| .ui-state-active a:visited { | |||
| color: #0082c9; | |||
| } | |||
| /* Interaction Cues | |||
| ----------------------------------*/ | |||
| .ui-state-highlight, | |||
| .ui-widget-content .ui-state-highlight, | |||
| .ui-widget-header .ui-state-highlight { | |||
| border: 1px solid #ddd; | |||
| background: #f8f8f8 url('images/ui-bg_highlight-hard_100_f8f8f8_1x100.png') 50% top repeat-x; | |||
| color: #555; | |||
| } | |||
| .ui-state-highlight a, | |||
| .ui-widget-content .ui-state-highlight a, | |||
| .ui-widget-header .ui-state-highlight a { | |||
| color: #555; | |||
| } | |||
| .ui-state-error, | |||
| .ui-widget-content .ui-state-error, | |||
| .ui-widget-header .ui-state-error { | |||
| border: 1px solid #cd0a0a; | |||
| background: #b81900 url('images/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat; | |||
| color: #ffffff; | |||
| } | |||
| .ui-state-error a, | |||
| .ui-widget-content .ui-state-error a, | |||
| .ui-widget-header .ui-state-error a { | |||
| color: #ffffff; | |||
| } | |||
| .ui-state-error-text, | |||
| .ui-widget-content .ui-state-error-text, | |||
| .ui-widget-header .ui-state-error-text { | |||
| color: #ffffff; | |||
| } | |||
| /* Icons | |||
| ----------------------------------*/ | |||
| .ui-state-default .ui-icon { | |||
| background-image: url('images/ui-icons_1d2d44_256x240.png'); | |||
| } | |||
| .ui-state-hover .ui-icon, | |||
| .ui-state-focus .ui-icon { | |||
| background-image: url('images/ui-icons_1d2d44_256x240.png'); | |||
| } | |||
| .ui-state-active .ui-icon { | |||
| background-image: url('images/ui-icons_1d2d44_256x240.png'); | |||
| } | |||
| .ui-state-highlight .ui-icon { | |||
| background-image: url('images/ui-icons_ffffff_256x240.png'); | |||
| } | |||
| .ui-state-error .ui-icon, | |||
| .ui-state-error-text .ui-icon { | |||
| background-image: url('images/ui-icons_ffd27a_256x240.png'); | |||
| } | |||
| /* Misc visuals | |||
| ----------------------------------*/ | |||
| /* Overlays */ | |||
| .ui-widget-overlay { | |||
| background: #666666 url('images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat; | |||
| opacity: .5; | |||
| } | |||
| .ui-widget-shadow { | |||
| margin: -5px 0 0 -5px; | |||
| padding: 5px; | |||
| background: #000000 url('images/ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x; | |||
| opacity: .2; | |||
| border-radius: 5px; | |||
| } | |||
| .ui-menu .ui-menu-item a { | |||
| padding: 6px; | |||
| } | |||
+ 0
- 113
core/css/multiselect.css
View File
| @@ -1,113 +0,0 @@ | |||
| /* Copyright (c) 2011, Jan-Christoph Borchardt, http: //jancborchardt.net | |||
| This file is licensed under the Affero General Public License version 3 or later. | |||
| See the COPYING-README file. */ | |||
| ul.multiselectoptions { | |||
| background-color: #fff; | |||
| border: 1px solid #ddd; | |||
| border-top: none; | |||
| box-shadow: 0 1px 1px #ddd; | |||
| padding-top: 8px; | |||
| position: absolute; | |||
| max-height: 20em; | |||
| overflow-y: auto; | |||
| z-index: 49; | |||
| } | |||
| ul.multiselectoptions.down { | |||
| border-bottom-left-radius: 8px; | |||
| border-bottom-right-radius: 8px; | |||
| width: 100%; /* do not cut off group names */ | |||
| -webkit-box-shadow: 0px 0px 20px rgba(29,45,68,.4); | |||
| -moz-box-shadow: 0px 0px 20px rgba(29,45,68,.4); | |||
| box-shadow: 0px 0px 20px rgba(29,45,68,.4); | |||
| } | |||
| ul.multiselectoptions.up { | |||
| border-top-left-radius: 8px; | |||
| border-top-right-radius: 8px; | |||
| } | |||
| ul.multiselectoptions>li { | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| margin-left: 7px; | |||
| } | |||
| ul.multiselectoptions > li input[type='checkbox']+label { | |||
| font-weight: normal; | |||
| display: inline-block; | |||
| width: 100%; | |||
| padding: 5px 27px; | |||
| margin-left: -27px; /* to have area around checkbox clickable as well */ | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| ul.multiselectoptions > li input[type='checkbox']:checked+label { | |||
| font-weight: bold; | |||
| } | |||
| div.multiselect, select.multiselect { | |||
| display: inline-block; | |||
| max-width: 200px; | |||
| min-width: 150px !important; | |||
| padding-right: 10px; | |||
| min-height: 20px; | |||
| position: relative; | |||
| vertical-align: bottom; | |||
| } | |||
| /* To make a select look like a multiselect until it's initialized */ | |||
| select.multiselect { | |||
| height: 30px; | |||
| min-width: 113px; | |||
| } | |||
| div.multiselect.active { | |||
| background-color: #fff; | |||
| position: relative; | |||
| z-index: 50; | |||
| } | |||
| div.multiselect.up { | |||
| border-top: 0 none; | |||
| border-top-left-radius: 0; | |||
| border-top-right-radius: 0; | |||
| } | |||
| div.multiselect.down { | |||
| border-bottom: none; | |||
| border-bottom-left-radius: 0; | |||
| border-bottom-right-radius: 0; | |||
| } | |||
| div.multiselect>span:first-child { | |||
| float: left; | |||
| margin-right: 32px; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| width: 90%; | |||
| white-space: nowrap; | |||
| } | |||
| div.multiselect>span:last-child { | |||
| position: absolute; | |||
| right: 8px; | |||
| top: 8px; | |||
| } | |||
| ul.multiselectoptions input.new { | |||
| padding-bottom: 3px; | |||
| padding-top: 3px; | |||
| margin: 0; | |||
| } | |||
| ul.multiselectoptions > li.creator { | |||
| padding: 10px; | |||
| margin: 0; | |||
| font-weight: bold; | |||
| } | |||
| ul.multiselectoptions > li.creator > input { | |||
| width: 95% !important; /* do not constrain size of text input */ | |||
| padding: 5px; | |||
| margin: -5px; | |||
| } | |||
+ 0
- 199
core/css/share.css
View File
| @@ -1,199 +0,0 @@ | |||
| /* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net | |||
| This file is licensed under the Affero General Public License version 3 or later. | |||
| See the COPYING-README file. */ | |||
| #dropdown { | |||
| background: #eee; | |||
| border-bottom-left-radius: 3px; | |||
| border-bottom-right-radius: 3px; | |||
| box-shadow: 0 2px 3px rgba(50, 50, 50, .4); | |||
| display: block; | |||
| margin-right: 0; | |||
| position: absolute; | |||
| right: 0; | |||
| width: 420px; | |||
| z-index: 500; | |||
| padding: 16px; | |||
| } | |||
| @media only screen and (min-width: 768px) and (max-width: 990px) { | |||
| #dropdown { | |||
| /* this limits the dropdown to float below the sidebar for mid narrow screens */ | |||
| left: 20px; | |||
| } | |||
| } | |||
| .shareTabView .unshare.icon-loading-small { | |||
| margin-top: 1px; | |||
| } | |||
| .shareTabView .shareWithLoading, | |||
| .shareTabView .linkShare .icon-loading-small { | |||
| display: inline-block !important; | |||
| padding-left: 10px; | |||
| } | |||
| .shareTabView .shareWithLoading { | |||
| position: relative; | |||
| right: 70px; | |||
| top: 2px; | |||
| } | |||
| .shareTabView .icon-loading-small.hidden { | |||
| display: none !important; | |||
| } | |||
| .shareTabView .avatar { | |||
| margin-right: 8px; | |||
| display: inline-block; | |||
| overflow: hidden; | |||
| vertical-align: middle; | |||
| width: 32px; | |||
| height: 32px; | |||
| } | |||
| .share-autocomplete-item { | |||
| display: flex; | |||
| } | |||
| .share-autocomplete-item .autocomplete-item-text { | |||
| margin-left: 10px; | |||
| margin-right: 10px; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| line-height: 32px; | |||
| vertical-align: middle; | |||
| } | |||
| #shareWithList { | |||
| list-style-type:none; | |||
| padding:8px; | |||
| } | |||
| #shareWithList li { | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| font-weight: bold; | |||
| line-height: 21px; | |||
| white-space: normal; | |||
| width: 100%; | |||
| } | |||
| #shareWithList .sharingOptionsGroup { | |||
| flex-shrink: 0; | |||
| position: relative; | |||
| } | |||
| #shareWithList .sharingOptionsGroup .popovermenu { | |||
| right: -6px; | |||
| top: 40px; | |||
| padding: 3px 6px; | |||
| } | |||
| #shareWithList .shareOption { | |||
| white-space: nowrap; | |||
| display: inline-block; | |||
| } | |||
| #shareWithList .unshare img, #shareWithList .showCruds img { | |||
| vertical-align:text-bottom; /* properly align icons */ | |||
| } | |||
| #shareWithList label input[type=checkbox]{ | |||
| margin-left: 0; | |||
| position: relative; | |||
| } | |||
| #shareWithList .username{ | |||
| padding-right: 8px; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| display: inline-block; | |||
| overflow: hidden; | |||
| vertical-align: middle; | |||
| flex-grow: 5; | |||
| } | |||
| #shareWithList li label{ | |||
| margin-right: 8px; | |||
| } | |||
| .shareTabView label { | |||
| font-weight:400; | |||
| white-space: nowrap; | |||
| } | |||
| .shareTabView input[type="checkbox"] { | |||
| margin:0 3px 0 8px; | |||
| vertical-align: middle; | |||
| } | |||
| a.showCruds { | |||
| display:inline; | |||
| opacity:.5; | |||
| } | |||
| a.unshare { | |||
| display:inline-block; | |||
| opacity:.5; | |||
| padding: 10px; | |||
| } | |||
| #link { | |||
| border-top:1px solid #ddd; | |||
| padding-top:8px; | |||
| } | |||
| .shareTabView input[type="submit"] { | |||
| margin-left: 7px; | |||
| } | |||
| .shareTabView form { | |||
| font-size: 100%; | |||
| margin-left: 0; | |||
| margin-right: 0; | |||
| } | |||
| .shareTabView .error { | |||
| color: #e9322d; | |||
| border-color: #e9322d; | |||
| box-shadow: 0 0 6px #f8b9b7; | |||
| } | |||
| #link #showPassword img { | |||
| padding-left:5px; | |||
| width:12px; | |||
| } | |||
| .reshare,#link label, | |||
| #expiration label { | |||
| display: inline-block; | |||
| padding: 6px 4px; | |||
| } | |||
| a.showCruds:hover,a.unshare:hover { | |||
| opacity:1; | |||
| } | |||
| #defaultExpireMessage, /* fix expire message going out of box */ | |||
| .reshare { /* fix shared by text going out of box */ | |||
| white-space:normal; | |||
| } | |||
| #defaultExpireMessage { /* show message on new line */ | |||
| display: block; | |||
| padding-left: 4px; | |||
| /* TODO: style the dropdown in a proper way - border-box, etc. */ | |||
| width: 90%; | |||
| } | |||
| .ui-autocomplete { /* limit dropdown height to 4 1/2 entries */ | |||
| max-height: 200px; | |||
| overflow-y: auto; | |||
| overflow-x: hidden; | |||
| } | |||
| .notCreatable { | |||
| padding-left: 12px; | |||
| padding-top: 12px; | |||
| color: #999; | |||
| } | |||
| .shareTabView .mailView .icon-mail { | |||
| opacity: 0.5; | |||
| } | |||
+ 0
- 999
core/css/styles.css
File diff suppressed because it is too large
View File
+ 0
- 86
core/css/systemtags.css
View File
| @@ -1,86 +0,0 @@ | |||
| /* | |||
| * Copyright (c) 2016 | |||
| * | |||
| * This file is licensed under the Affero General Public License version 3 | |||
| * or later. | |||
| * | |||
| * See the COPYING-README file. | |||
| * | |||
| */ | |||
| .systemtags-select2-dropdown .select2-result-label .checkmark { | |||
| visibility: hidden; | |||
| margin-left: -5px; | |||
| margin-right: 5px; | |||
| padding: 4px; | |||
| } | |||
| .systemtags-select2-dropdown .select2-result-label .new-item .systemtags-actions { | |||
| display: none; | |||
| } | |||
| .systemtags-select2-dropdown .select2-selected .select2-result-label .checkmark { | |||
| visibility: visible; | |||
| } | |||
| .systemtags-select2-dropdown .select2-result-label .icon { | |||
| display: inline-block; | |||
| opacity: .5; | |||
| } | |||
| .systemtags-select2-dropdown .select2-result-label .icon.rename { | |||
| padding: 4px; | |||
| } | |||
| .systemtags-select2-dropdown .systemtags-actions { | |||
| position: absolute; | |||
| right: 5px; | |||
| } | |||
| .systemtags-select2-dropdown .systemtags-rename-form { | |||
| display: inline-block; | |||
| width: calc(100% - 20px); | |||
| top: -6px; | |||
| position: relative; | |||
| } | |||
| .systemtags-select2-dropdown .systemtags-rename-form input { | |||
| display: inline-block; | |||
| width: calc(100% - 40px); | |||
| } | |||
| .systemtags-select2-container { | |||
| width: 100%; | |||
| } | |||
| #select2-drop.systemtags-select2-dropdown .select2-results li.select2-result { | |||
| padding: 5px; | |||
| } | |||
| .systemtags-select2-dropdown span { | |||
| line-height: 25px; | |||
| } | |||
| .systemtags-select2-dropdown .systemtags-item { | |||
| display: inline-block; | |||
| height: 25px; | |||
| width: 100%; | |||
| } | |||
| .systemtags-select2-dropdown .select2-result-label { | |||
| height: 25px; | |||
| } | |||
| .systemtags-select2-container .select2-choices .select2-search-choice.select2-locked .label { | |||
| opacity: 0.5; | |||
| } | |||
| .systemtags-select2-dropdown .label { | |||
| width:85%; | |||
| display:-moz-inline-box; | |||
| display:inline-block; | |||
| overflow:hidden; | |||
| text-overflow:ellipsis; | |||
| } | |||
| .systemtags-select2-dropdown .label.hidden { | |||
| display: none; | |||
| } | |||
+ 0
- 119
core/css/tooltip.css
View File
| @@ -1,119 +0,0 @@ | |||
| /*! | |||
| * Bootstrap v3.3.5 (http://getbootstrap.com) | |||
| * Copyright 2011-2015 Twitter, Inc. | |||
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |||
| */ | |||
| .tooltip { | |||
| position: absolute; | |||
| display: block; | |||
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |||
| font-style: normal; | |||
| font-weight: normal; | |||
| letter-spacing: normal; | |||
| line-break: auto; | |||
| line-height: 1.42857143; | |||
| text-align: left; | |||
| text-align: start; | |||
| text-decoration: none; | |||
| text-shadow: none; | |||
| text-transform: none; | |||
| white-space: normal; | |||
| word-break: normal; | |||
| word-spacing: normal; | |||
| word-wrap: normal; | |||
| font-size: 12px; | |||
| opacity: 0; | |||
| z-index: 100000; | |||
| filter: alpha(opacity=0); | |||
| } | |||
| .tooltip.in { | |||
| opacity: 0.9; | |||
| filter: alpha(opacity=90); | |||
| } | |||
| .tooltip.top { | |||
| margin-top: -3px; | |||
| padding: 5px 0; | |||
| } | |||
| .tooltip.right { | |||
| margin-left: 3px; | |||
| padding: 0 5px; | |||
| } | |||
| .tooltip.bottom { | |||
| margin-top: 3px; | |||
| padding: 5px 0; | |||
| } | |||
| .tooltip.left { | |||
| margin-left: -3px; | |||
| padding: 0 5px; | |||
| } | |||
| .tooltip-inner { | |||
| max-width: 350px; | |||
| padding: 3px 8px; | |||
| color: #ffffff; | |||
| text-align: center; | |||
| background-color: #000000; | |||
| border-radius: 4px; | |||
| } | |||
| .tooltip-arrow { | |||
| position: absolute; | |||
| width: 0; | |||
| height: 0; | |||
| border-color: transparent; | |||
| border-style: solid; | |||
| } | |||
| .tooltip.top .tooltip-arrow { | |||
| bottom: 0; | |||
| left: 50%; | |||
| margin-left: -5px; | |||
| border-width: 5px 5px 0; | |||
| border-top-color: #000000; | |||
| } | |||
| .tooltip.top-left .tooltip-arrow { | |||
| bottom: 0; | |||
| right: 5px; | |||
| margin-bottom: -5px; | |||
| border-width: 5px 5px 0; | |||
| border-top-color: #000000; | |||
| } | |||
| .tooltip.top-right .tooltip-arrow { | |||
| bottom: 0; | |||
| left: 5px; | |||
| margin-bottom: -5px; | |||
| border-width: 5px 5px 0; | |||
| border-top-color: #000000; | |||
| } | |||
| .tooltip.right .tooltip-arrow { | |||
| top: 50%; | |||
| left: 0; | |||
| margin-top: -5px; | |||
| border-width: 5px 5px 5px 0; | |||
| border-right-color: #000000; | |||
| } | |||
| .tooltip.left .tooltip-arrow { | |||
| top: 50%; | |||
| right: 0; | |||
| margin-top: -5px; | |||
| border-width: 5px 0 5px 5px; | |||
| border-left-color: #000000; | |||
| } | |||
| .tooltip.bottom .tooltip-arrow { | |||
| top: 0; | |||
| left: 50%; | |||
| margin-left: -5px; | |||
| border-width: 0 5px 5px; | |||
| border-bottom-color: #000000; | |||
| } | |||
| .tooltip.bottom-left .tooltip-arrow { | |||
| top: 0; | |||
| right: 5px; | |||
| margin-top: -5px; | |||
| border-width: 0 5px 5px; | |||
| border-bottom-color: #000000; | |||
| } | |||
| .tooltip.bottom-right .tooltip-arrow { | |||
| top: 0; | |||
| left: 5px; | |||
| margin-top: -5px; | |||
| border-width: 0 5px 5px; | |||
| border-bottom-color: #000000; | |||
| } | |||
Loading…