news/css/navigation.css

158 строки
3.0 KiB
CSS

/**
* ownCloud - News
*
* This file is licensed under the Affero General Public License version 3 or
* later. See the COPYING file.
*
* @author Bernhard Posselt <dev@bernhard-posselt.com>
* @copyright Bernhard Posselt 2014
*/
/* add new feed or folder */
/* button */
#app-navigation .add-new .heading {
height: 44px;
width: 100%;
padding: 0 0 0 44px;
background-position: 14px center;
}
#app-navigation .add-new .heading:hover {
background-color: #ccc;
}
#app-navigation .add-new .heading button {
padding: 0;
line-height: 44px;
width: 100%;
border: 0;
margin: 0;
background: none;
text-align: left;
font-weight: normal;
}
/* actual form content */
#app-navigation .add-new-popup {
display: none;
padding: 10px;
box-shadow: inset 0px 0px 10px #dedede;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
#app-navigation input.ng-invalid {
border: 1px solid #dd1144;
}
#app-navigation .add-new-popup input,
#app-navigation .add-new-popup select {
width: 100%;
height: 36px;
padding: 5px;
margin-right: 0;
}
#app-navigation .add-new-popup select,
#app-navigation #new-feed [name="folderName"] {
width: calc(100% - 36px);
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
float: left;
}
#app-navigation .add-new-popup .add-new-folder-primary {
float: right;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
width: 36px;
height: 36px;
margin-left: 0;
margin-right: 0;
}
#app-navigation .add-new-popup .error {
padding: 0 0 10px 0;
}
/* navigation */
#app-navigation .icon-starred {
background-image: url('../img/starred.png');
}
.icon-rss {
background-image: url('../img/rss.svg') !important;
}
#app-navigation .unread > a {
font-weight: bold;
}
#app-navigation .entry-loading {
background-image: url('../img/loading.gif') !important;
}
#app-navigation input.entry-loading {
background-size: 20px;
}
#app-navigation p.error {
line-height: 25px;
}
#app-navigation .folder-rename-error {
height: auto;
}
/**
* Error message
*/
#app-navigation .error-message {
padding: 15px;
background-color: #DE1212;
color: #fff;
position: relative;
}
#app-navigation .ui-state-disabled {
opacity: 1;
}
#app-navigation .error-message .title {
font-weight: bold;
padding-right: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#app-navigation .error-message:hover .title
#app-navigation .error-message:hover .message {
}
#app-navigation .error-message button {
top: 0;
right: 0;
position: absolute;
margin: 0;
padding: 0;
height: 44px;
width: 44px;
padding: 15px;
border: 0;
background-size: 25px;
background-color: transparent;
background-image: url('../img/close.svg');
background-repeat: no-repeat;
background-position: right 5px top 5px;
opacity: .9;
}
#app-navigation .error-message button:hover {
opacity: 1;
}