Removed old css files
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
Roeland Jago Douma
parent
62f4c08bc7
commit
a44c5244c3
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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');
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,999 +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. */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; cursor:default; }
|
||||
html, body { height:100%; }
|
||||
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
|
||||
body { line-height:1.5; }
|
||||
table { border-collapse:separate; border-spacing:0; white-space:nowrap; }
|
||||
caption, th, td { text-align:left; font-weight:normal; }
|
||||
table, td, th { vertical-align:middle; }
|
||||
a { border:0; color:#000; text-decoration:none;}
|
||||
a, a *, input, input *, select, .button span, label { cursor:pointer; }
|
||||
ul { list-style:none; }
|
||||
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
font-weight: 400;
|
||||
font-size: .8em;
|
||||
line-height: 1.6em;
|
||||
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
|
||||
color: #000;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#body-login {
|
||||
text-align: center;
|
||||
background-color: #0082c9;
|
||||
background-image: url('../img/background.jpg?v=1');
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.two-factor-header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.two-factor-provider {
|
||||
text-align: center;
|
||||
width: 258px !important;
|
||||
display: inline-block;
|
||||
margin-bottom: 0 !important;
|
||||
background-color: rgba(0,0,0,0.3) !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.two-factor-link {
|
||||
display: inline-block;
|
||||
padding: 12px;
|
||||
color: rgba(255, 255, 255, .75);
|
||||
}
|
||||
|
||||
.float-spinner {
|
||||
height: 32px;
|
||||
display: none;
|
||||
}
|
||||
#body-login .float-spinner {
|
||||
margin-top: -32px;
|
||||
padding-top: 32px;
|
||||
}
|
||||
|
||||
#nojavascript {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 9000;
|
||||
text-align: center;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
color: #fff;
|
||||
line-height: 125%;
|
||||
font-size: 24px;
|
||||
}
|
||||
#nojavascript div {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
top: 35%;
|
||||
margin: 0px auto;
|
||||
}
|
||||
#nojavascript a {
|
||||
color: #fff;
|
||||
border-bottom: 2px dotted #fff;
|
||||
}
|
||||
#nojavascript a:hover,
|
||||
#nojavascript a:focus {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
/* SCROLLING */
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #ddd;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* Searchbox */
|
||||
.searchbox input[type="search"] {
|
||||
position: relative;
|
||||
font-size: 1.2em;
|
||||
padding: 3px;
|
||||
padding-left: 25px;
|
||||
background: transparent url('../img/actions/search-white.svg?v=1') no-repeat 6px center;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
margin-top: 9px;
|
||||
float: right;
|
||||
width: 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 100ms;
|
||||
transition: all 100ms;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
opacity: .7;
|
||||
}
|
||||
.searchbox input[type="search"]:focus,
|
||||
.searchbox input[type="search"]:active,
|
||||
.searchbox input[type="search"]:valid {
|
||||
color: #fff;
|
||||
width: 155px;
|
||||
max-width: 50%;
|
||||
cursor: text;
|
||||
background-color: #0082c9;
|
||||
border: 1px solid rgba(255, 255, 255, .5);
|
||||
}
|
||||
|
||||
/* CONTENT ------------------------------------------------------------------ */
|
||||
#controls {
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
top: 45px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 44px;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: rgba(255, 255, 255, .95);
|
||||
z-index: 50;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
/* position controls for apps with app-navigation */
|
||||
#app-navigation+#app-content #controls {
|
||||
left: 250px;
|
||||
}
|
||||
.viewer-mode #app-navigation+#app-content #controls {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#controls .button,
|
||||
#controls button,
|
||||
#controls input[type='submit'],
|
||||
#controls input[type='text'],
|
||||
#controls input[type='password'],
|
||||
#controls select {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
height: 36px;
|
||||
padding: 7px 10px
|
||||
}
|
||||
|
||||
#controls .button.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#content .hascontrols {
|
||||
margin-top: 45px;
|
||||
}
|
||||
#content-wrapper {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-x: hidden; /* prevent horizontal scrollbar */
|
||||
padding-top: 45px;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
/* allow horizontal scrollbar for personal and admin settings */
|
||||
#body-settings:not(.snapjs-left) .app-settings {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
#emptycontent,
|
||||
.emptycontent {
|
||||
color: #888;
|
||||
text-align: center;
|
||||
margin-top: 30vh;
|
||||
width: 100%;
|
||||
}
|
||||
#emptycontent.emptycontent-search,
|
||||
.emptycontent.emptycontent-search {
|
||||
position: static;
|
||||
}
|
||||
#emptycontent h2,
|
||||
.emptycontent h2 {
|
||||
margin-bottom: 10px;
|
||||
line-height: 150%;
|
||||
}
|
||||
#emptycontent [class^="icon-"],
|
||||
.emptycontent [class^="icon-"],
|
||||
#emptycontent [class*=" icon-"],
|
||||
.emptycontent [class*=" icon-"] {
|
||||
background-size: 64px;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
margin: 0 auto 15px;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
|
||||
/* LOG IN & INSTALLATION ------------------------------------------------------------ */
|
||||
|
||||
/* Some whitespace to the top */
|
||||
#body-login #header {
|
||||
padding-top: 100px;
|
||||
}
|
||||
#body-login {
|
||||
background-attachment: fixed; /* fix background gradient */
|
||||
height: 100%; /* fix sticky footer */
|
||||
}
|
||||
|
||||
/* Dark subtle label text */
|
||||
#body-login p.info,
|
||||
#body-login form fieldset legend,
|
||||
#body-login #datadirContent label,
|
||||
#body-login form fieldset .warning-info,
|
||||
#body-login form input[type="checkbox"]+label {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
/* overrides another !important statement that sets this to unreadable black */
|
||||
#body-login form .warning input[type="checkbox"]:hover+label,
|
||||
#body-login form .warning input[type="checkbox"]:focus+label,
|
||||
#body-login form .warning input[type="checkbox"]+label {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#body-login .update h2 {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
#body-login .update a {
|
||||
color: #fff;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
|
||||
#body-login .infogroup {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#body-login p#message img {
|
||||
vertical-align: middle;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#body-login div.buttons {
|
||||
text-align: center;
|
||||
}
|
||||
#body-login p.info {
|
||||
margin: 0 auto;
|
||||
padding-top: 20px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
#body-login p.info a {
|
||||
font-weight: 600;
|
||||
padding: 13px;
|
||||
margin: -13px;
|
||||
}
|
||||
|
||||
#body-login form {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
margin: 16px auto;
|
||||
padding: 0;
|
||||
}
|
||||
#body-login form fieldset {
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
#body-login form #sqliteInformation {
|
||||
margin-top: -20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#body-login form #adminaccount {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#body-login form fieldset legend, #datadirContent label {
|
||||
width: 100%;
|
||||
}
|
||||
#body-login #datadirContent label {
|
||||
display: block;
|
||||
margin: 0;
|
||||
}
|
||||
#body-login form #datadirField legend {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#body-login #showAdvanced {
|
||||
padding: 13px; /* increase clickable area of Advanced dropdown */
|
||||
}
|
||||
#body-login #showAdvanced img {
|
||||
vertical-align: bottom; /* adjust position of Advanced dropdown arrow */
|
||||
margin-left: -4px;
|
||||
}
|
||||
#body-login .icon-info-white {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* strengthify wrapper */
|
||||
#body-login .strengthify-wrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 15px;
|
||||
top: -23px;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
/* tipsy for the strengthify wrapper looks better with following font settings */
|
||||
#body-login .tipsy-inner {
|
||||
font-weight: bold;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* General new input field look */
|
||||
#body-login input[type="text"],
|
||||
#body-login input[type="password"],
|
||||
#body-login input[type="email"] {
|
||||
border: none;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* Nicely grouping input field sets */
|
||||
.grouptop,
|
||||
.groupmiddle,
|
||||
.groupbottom {
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
#body-login .grouptop input,
|
||||
.grouptop input {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
#body-login .groupmiddle input,
|
||||
.groupmiddle input {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
border-top: 0 !important;
|
||||
border-bottom: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,.1) inset !important;
|
||||
}
|
||||
#body-login .groupbottom input,
|
||||
.groupbottom input {
|
||||
margin-top: 0 !important;
|
||||
border-top: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-top-left-radius: 0 !important;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,.1) inset !important;
|
||||
}
|
||||
#body-login .groupbottom input[type=submit] {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* keep the labels for screen readers but hide them since we use placeholders */
|
||||
label.infield {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#body-login form input[type="checkbox"]+label {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 14px;
|
||||
vertical-align: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#body-login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }
|
||||
#body-login .success { background:#d7fed7; border:1px solid #0f0; width: 35%; margin: 30px auto; padding:1em; text-align: center;}
|
||||
|
||||
#body-login #showAdvanced > img {
|
||||
padding: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#body-login p.info a, #body-login #showAdvanced {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#body-login #remember_login:hover+label,
|
||||
#body-login #remember_login:focus+label,
|
||||
#body-login #forgot-password:hover,
|
||||
#body-login #forgot-password:focus,
|
||||
#body-login p.info a:hover,
|
||||
#body-login p.info a:focus {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
/* Show password toggle */
|
||||
#show, #dbpassword {
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: .8em;
|
||||
float: right;
|
||||
}
|
||||
#show, #dbpassword, #personal-show {
|
||||
display: none;
|
||||
}
|
||||
#show + label, #dbpassword + label {
|
||||
right: 21px;
|
||||
top: 15px !important;
|
||||
margin: -14px !important;
|
||||
padding: 14px !important;
|
||||
}
|
||||
#show:checked + label, #dbpassword:checked + label, #personal-show:checked + label {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
||||
opacity: .8;
|
||||
}
|
||||
#show + label, #dbpassword + label, #personal-show + label {
|
||||
position: absolute !important;
|
||||
height: 20px;
|
||||
width: 24px;
|
||||
background-image: url('../img/actions/toggle.svg?v=1');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
|
||||
opacity: .3;
|
||||
}
|
||||
#show + label:before, #dbpassword + label:before, #personal-show + label:before {
|
||||
display: none;
|
||||
}
|
||||
#pass2, input[name="personal-password-clone"] {
|
||||
padding: .6em 2.5em .4em .4em;
|
||||
width: 8em;
|
||||
}
|
||||
#personal-show + label {
|
||||
height: 14px;
|
||||
margin-top: -25px;
|
||||
left: 295px;
|
||||
display: block;
|
||||
}
|
||||
#passwordbutton {
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
/* Database selector */
|
||||
#body-login form #selectDbType {
|
||||
text-align:center;
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
}
|
||||
#body-login form #selectDbType .info {
|
||||
white-space: normal;
|
||||
}
|
||||
#body-login form #selectDbType label {
|
||||
position: static;
|
||||
margin: 0 -3px 5px;
|
||||
font-size: 12px;
|
||||
background:#f8f8f8;
|
||||
color:#888;
|
||||
cursor:pointer;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
#body-login form #selectDbType label span {
|
||||
cursor: pointer;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
#body-login form #selectDbType label.ui-state-hover,
|
||||
#body-login form #selectDbType label.ui-state-active {
|
||||
color:#000;
|
||||
background-color:#e8e8e8; }
|
||||
|
||||
|
||||
/* Warnings and errors are the same */
|
||||
#body-login .warning,
|
||||
#body-login .update,
|
||||
#body-login .error {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
color: #fff;
|
||||
text-align: left;
|
||||
border-radius: 3px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#body-login .update {
|
||||
width: inherit;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#body-login .update .appList {
|
||||
list-style: disc;
|
||||
text-align: left;
|
||||
margin-left: 25px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
#body-login .v-align {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
#body-login .update img.float-spinner {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#body-user .warning, #body-settings .warning {
|
||||
margin-top: 8px;
|
||||
padding: 5px;
|
||||
background: #fdd;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.warning legend,
|
||||
.warning a,
|
||||
.error a {
|
||||
color: #fff !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
.error a.button {
|
||||
color: #555 !important;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.error pre {
|
||||
white-space: pre-wrap;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.error-wide {
|
||||
width: 700px;
|
||||
margin-left: -200px !important;
|
||||
}
|
||||
|
||||
.error-wide .button {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.warning-input {
|
||||
border-color: #ce3702 !important;
|
||||
}
|
||||
|
||||
/* Fixes for log in page, TODO should be removed some time */
|
||||
#body-login ul.error-wide {
|
||||
margin-top: 35px;
|
||||
}
|
||||
#body-login .warning {
|
||||
margin: 0 7px 5px 4px;
|
||||
}
|
||||
#body-login .warning legend {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity: 1;
|
||||
}
|
||||
#body-login a.warning {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* fixes for update page TODO should be fixed some time in a proper way */
|
||||
/* this is just for an error while updating the ownCloud instance */
|
||||
#body-login .updateProgress .error {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Alternative Logins */
|
||||
#alternative-logins legend { margin-bottom:10px; }
|
||||
#alternative-logins li { height:40px; display:inline-block; white-space:nowrap; }
|
||||
|
||||
/* Log in and install button */
|
||||
#body-login input {
|
||||
font-size: 20px;
|
||||
margin: 5px;
|
||||
padding: 11px 10px 9px;
|
||||
}
|
||||
#body-login input[type="text"],
|
||||
#body-login input[type="password"] {
|
||||
width: 249px;
|
||||
}
|
||||
#body-login input.login {
|
||||
width: 269px;
|
||||
background-position: right 16px center;
|
||||
}
|
||||
#body-login input[type="submit"] {
|
||||
padding: 10px 20px; /* larger log in and installation buttons */
|
||||
}
|
||||
#remember_login {
|
||||
margin: 18px 5px 0 16px !important;
|
||||
}
|
||||
#body-login .remember-login-container {
|
||||
display: inline-block;
|
||||
margin: 10px 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
#body-login #forgot-password {
|
||||
padding: 11px;
|
||||
float: right;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Sticky footer */
|
||||
#body-login .wrapper {
|
||||
min-height: 100%;
|
||||
margin: 0 auto -70px;
|
||||
width: 300px;
|
||||
}
|
||||
#body-login footer, #body-login .push {
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
/* round profile photos */
|
||||
.avatar,
|
||||
.avatar img,
|
||||
.avatardiv,
|
||||
.avatardiv img {
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
td.avatar {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
#notification-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
#notification {
|
||||
margin: 0 auto;
|
||||
max-width: 60%;
|
||||
z-index: 8000;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
padding: 1px 8px;
|
||||
display: none;
|
||||
position: relative;
|
||||
top: 0;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
|
||||
opacity: .9;
|
||||
}
|
||||
#notification span {
|
||||
cursor: pointer;
|
||||
margin-left: 1em;
|
||||
}
|
||||
#notification {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
max-height: 100px;
|
||||
}
|
||||
#notification .row {
|
||||
position: relative;
|
||||
}
|
||||
#notification .row .close {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
margin-top: 2px;
|
||||
}
|
||||
#notification .row.closeable {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
tr .action:not(.permanent),
|
||||
.selectedActions a {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
opacity: 0;
|
||||
}
|
||||
tr:hover .action,
|
||||
tr:focus .action,
|
||||
tr .action.permanent,
|
||||
.selectedActions a {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
opacity: .5;
|
||||
}
|
||||
tr .action {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.header-action {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
||||
opacity: .8;
|
||||
}
|
||||
tr:hover .action:hover,
|
||||
tr:focus .action:focus,
|
||||
.selectedActions a:hover,
|
||||
.selectedActions a:focus,
|
||||
.header-action:hover,
|
||||
.header-action:focus {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity: 1;
|
||||
}
|
||||
tbody tr:hover,
|
||||
tbody tr:focus,
|
||||
tbody tr:active {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
code { font-family:"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", monospace; }
|
||||
|
||||
#quota {
|
||||
cursor: default;
|
||||
margin: 30px !important;
|
||||
position: relative;
|
||||
padding: 0 !important;
|
||||
}
|
||||
#quota div {
|
||||
padding: 0;
|
||||
background-color: rgb(220,220,220);
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
min-width: 1%;
|
||||
max-width: 100%;
|
||||
}
|
||||
#quotatext {padding:.6em 1em;}
|
||||
|
||||
#quota div.quota-warning {
|
||||
background-color: #fc4;
|
||||
}
|
||||
|
||||
.pager { list-style:none; float:right; display:inline; margin:.7em 13em 0 0; }
|
||||
.pager li { display:inline-block; }
|
||||
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { overflow:hidden; text-overflow:ellipsis; }
|
||||
.separator { display:inline; border-left:1px solid #d3d3d3; border-right:1px solid #fff; height:10px; width:0px; margin:4px; }
|
||||
|
||||
a.bookmarklet { background-color:#ddd; border:1px solid #ccc; padding:5px;padding-top:0px;padding-bottom:2px; text-decoration:none; margin-top:5px }
|
||||
|
||||
.exception{color:#000;}
|
||||
.exception textarea{width:95%;height:200px;background:#ffe;border:0;}
|
||||
|
||||
.ui-icon-circle-triangle-e{ background-image:url('../img/actions/play-next.svg?v=1'); }
|
||||
.ui-icon-circle-triangle-w{ background-image:url('../img/actions/play-previous.svg?v=1'); }
|
||||
|
||||
.ui-datepicker-prev,.ui-datepicker-next{ border:1px solid #ddd; background:#fff; }
|
||||
|
||||
/* ---- DIALOGS ---- */
|
||||
#oc-dialog-filepicker-content .dirtree {
|
||||
width:92%;
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#oc-dialog-filepicker-content .dirtree div:first-child a {
|
||||
background-image:url('../img/places/home.svg?v=1');
|
||||
background-repeat:no-repeat;
|
||||
background-position: left center;
|
||||
}
|
||||
#oc-dialog-filepicker-content .dirtree span:not(:last-child) { cursor: pointer; }
|
||||
#oc-dialog-filepicker-content .dirtree span:last-child { font-weight: bold; }
|
||||
#oc-dialog-filepicker-content .dirtree span:not(:last-child)::after { content: '>'; padding: 3px;}
|
||||
#oc-dialog-filepicker-content .filelist-container {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
overflow-y: auto;
|
||||
height: 100%; /** overflow under the button row */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#oc-dialog-filepicker-content .emptycontent {
|
||||
color: #888;
|
||||
text-align: center;
|
||||
margin-top: 80px;
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
#oc-dialog-filepicker-content .filelist {
|
||||
background-color:white;
|
||||
width:100%;
|
||||
}
|
||||
#oc-dialog-filepicker-content #filestable.filelist {
|
||||
/* prevent the filepicker to overflow */
|
||||
min-width: initial;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
#oc-dialog-filepicker-content .filelist td {
|
||||
padding: 14px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
#oc-dialog-filepicker-content .filelist tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
#oc-dialog-filepicker-content .filelist .filename {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
background-size: 32px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 51px;
|
||||
background-position: 7px 7px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#oc-dialog-filepicker-content .filelist .filesize,
|
||||
#oc-dialog-filepicker-content .filelist .date {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#oc-dialog-filepicker-content .filelist .filesize {
|
||||
text-align: right;
|
||||
}
|
||||
#oc-dialog-filepicker-content .filepicker_element_selected { background-color:lightblue;}
|
||||
.ui-dialog {position:fixed !important;}
|
||||
span.ui-icon {float: left; margin: 3px 7px 30px 0;}
|
||||
|
||||
.move2trash { /* decrease spinner size */
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
/* ---- TOOLTIPS ---- */
|
||||
.extra-data {
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
.tipsy-inner {
|
||||
max-width: 400px !important;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* ---- TAGS ---- */
|
||||
#tagsdialog .content {
|
||||
width: 100%; height: 280px;
|
||||
}
|
||||
#tagsdialog .scrollarea {
|
||||
overflow:auto; border:1px solid #ddd;
|
||||
width: 100%; height: 240px;
|
||||
}
|
||||
#tagsdialog .bottombuttons {
|
||||
width: 100%; height: 30px;
|
||||
}
|
||||
#tagsdialog .bottombuttons * { float:left;}
|
||||
#tagsdialog .taglist li { background:#f8f8f8; padding:.3em .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:background-color 500ms; transition:background-color 500ms; }
|
||||
#tagsdialog .taglist li:hover, #tagsdialog .taglist li:active { background:#eee; }
|
||||
#tagsdialog .addinput { width: 90%; clear: both; }
|
||||
|
||||
/* ---- APP SETTINGS - LEGACY, DO NOT USE THE POPUP! ---- */
|
||||
.popup {
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 10px #aaa;
|
||||
color: #333;
|
||||
padding: 10px;
|
||||
position: fixed !important;
|
||||
z-index: 100;
|
||||
}
|
||||
.popup.topright { top:7em; right:1em; }
|
||||
.popup.bottomleft { bottom:1em; left:33em; }
|
||||
.popup .close { position:absolute; top:0.2em; right:0.2em; height:20px; width:20px; background:url('../img/actions/close.svg?v=1') no-repeat center; }
|
||||
.popup h2 { font-size:20px; }
|
||||
.arrow { border-bottom:10px solid white; border-left:10px solid transparent; border-right:10px solid transparent; display:block; height:0; position:absolute; width:0; z-index:201; }
|
||||
.arrow.left { left:-13px; bottom:1.2em; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); }
|
||||
.arrow.up { top:-8px; right:6px; }
|
||||
.arrow.down { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
|
||||
|
||||
|
||||
/* ---- BREADCRUMB ---- */
|
||||
div.crumb {
|
||||
float: left;
|
||||
display: block;
|
||||
background-image: url('../img/breadcrumb.svg?v=1');
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
height: 44px;
|
||||
background-size: auto 24px;
|
||||
}
|
||||
div.crumb.hidden {
|
||||
display: none;
|
||||
}
|
||||
div.crumb a,
|
||||
div.crumb > span {
|
||||
position: relative;
|
||||
top: 12px;
|
||||
padding: 14px 24px 14px 17px;
|
||||
color: #555;
|
||||
}
|
||||
div.crumb.last a {
|
||||
padding-right: 0;
|
||||
}
|
||||
div.crumb:first-child a {
|
||||
position: relative;
|
||||
top: 13px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
div.crumb.last {
|
||||
font-weight: 600;
|
||||
margin-right: 10px;
|
||||
}
|
||||
div.crumb.ellipsized {
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
div.crumb a.ellipsislink {
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
top: 8px !important;
|
||||
}
|
||||
|
||||
/* some feedback for hover/tap on breadcrumbs */
|
||||
div.crumb:hover,
|
||||
div.crumb:focus,
|
||||
div.crumb a:focus,
|
||||
div.crumb:active {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
opacity:.7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
/* public footer */
|
||||
#body-public footer {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#body-public footer .info {
|
||||
color: #777;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#body-public footer .info a {
|
||||
color: #777;
|
||||
font-weight: 600;
|
||||
padding: 13px;
|
||||
margin: -13px;
|
||||
}
|
||||
|
||||
|
||||
/* LEGACY FIX only - do not use fieldsets for settings */
|
||||
fieldset.warning legend, fieldset.update legend {
|
||||
top: 18px;
|
||||
position: relative;
|
||||
}
|
||||
fieldset.warning legend + p, fieldset.update legend + p {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* for IE10 */
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
/* hidden input type=file field */
|
||||
.hiddenuploadfield {
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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…
Reference in New Issue