mirror of
https://github.com/owncloud/bookmarks.git
synced 2025-02-23 20:54:23 +01:00
597529b30c
Make tag filter bar visible Full width tag filter bar Ensure the tag filter bar is as large as the one for adding bookmarks Tags under filter search bar Ensure the selected tags appear below the tags filter search bar. Update bookmarks.css
441 lines
7.9 KiB
CSS
441 lines
7.9 KiB
CSS
input.disabled, input.disabled:hover, input.disabled:focus {
|
|
cursor: not-allowed;
|
|
background-color: #ddd;
|
|
color: gray;
|
|
}
|
|
#settingsbtn { background: transparent; color:#666;
|
|
border-bottom: 1px solid #ddd; border-top: 1px solid #fff; }
|
|
#settingsbtn:hover { background:#dbdbdb !important; color:#999;
|
|
border-bottom: 1px solid #CCCCCC; border-top: 1px solid #D4D4D4; }
|
|
#settingsbtn img { width: 18px; height: 18px; margin: 10px; }
|
|
|
|
|
|
.bookmarks_headline {
|
|
font-size: large;
|
|
font-weight: bold;
|
|
margin-left: 2em;
|
|
padding: 2.5ex 0.5ex;
|
|
}
|
|
|
|
.bookmarks_menu {
|
|
margin-left: 1.5em;
|
|
padding: 0.5ex;
|
|
}
|
|
|
|
.bookmarks_list, #firstrun {
|
|
overflow: auto;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
|
|
#add_form {
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
#add_form_loading {
|
|
visibility: hidden;
|
|
float: right;
|
|
margin: 8px;
|
|
}
|
|
|
|
#add_form input {
|
|
margin: 0.3em;
|
|
}
|
|
#add_url {
|
|
width: 91.5%;
|
|
}
|
|
.bookmarks_addBml {
|
|
text-decoration: underline;
|
|
}
|
|
#bookmark_add_submit {
|
|
background-color: transparent;
|
|
border: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
opacity: .5;
|
|
padding: 17px 14px;
|
|
}
|
|
|
|
.bookmarks_label {
|
|
width: 7em;
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
|
|
.bookmarks_input {
|
|
width: 8em;
|
|
}
|
|
|
|
.bookmark_actions {
|
|
position: absolute;
|
|
right: 1em;
|
|
top: 12px;
|
|
display: none;
|
|
}
|
|
.bookmark_actions span { margin: 0 0.4em; }
|
|
.bookmark_actions img { opacity: 0.3;}
|
|
.bookmark_actions img:hover { opacity: 1; cursor: pointer; }
|
|
.bookmark_edit img {opacity:0.3;}
|
|
.bookmark_edit img:hover {cursor: pointer; opacity: 1;}
|
|
|
|
.bookmark_single {
|
|
position: relative;
|
|
padding: 0.2em 1em;
|
|
min-height: 3em;
|
|
border-bottom: 1px solid #DDD;
|
|
-webkit-transition:background-color 500ms; -moz-transition:background-color 500ms; -o-transition:background-color 500ms; transition:background-color 500ms;
|
|
}
|
|
|
|
.bookmark_single:hover {
|
|
background-color:#f8f8f8;
|
|
}
|
|
|
|
.bookmark_single:hover .bookmark_actions {
|
|
display: block;
|
|
}
|
|
|
|
.bookmark_title {
|
|
font-weight: bold;
|
|
display: block;
|
|
margin-right: 0.8em;
|
|
margin-top:0.7em;
|
|
}
|
|
|
|
.bookmark_title a {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
max-width: 22%;
|
|
}
|
|
|
|
.bookmark_single:hover .bookmark_title .bookmark_edit_btn {
|
|
display:inline-block;
|
|
}
|
|
|
|
.bm_view_list .bookmark_tags {
|
|
position: absolute;
|
|
top: 0.5em;
|
|
right: 6em;
|
|
text-align: right;
|
|
}
|
|
|
|
.bookmark_tags {
|
|
left:25%;
|
|
position: relative;
|
|
width: 75%;
|
|
}
|
|
.bookmark_tag {
|
|
display: inline-block;
|
|
color: white;
|
|
margin: 0.2em 0.2em;
|
|
padding: 0 0.4em;
|
|
background-color: #1D2D44;
|
|
border-radius: 0.4em;
|
|
opacity: 0.2;
|
|
}
|
|
.bookmark_tag:hover { opacity: 0.5; }
|
|
|
|
.loading_meta {
|
|
display: none;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.addBm {
|
|
background: none repeat scroll 0 0 #F8F8F8;
|
|
border-radius: 0.5em 0.5em 0.5em 0.5em;
|
|
color: #555555;
|
|
margin: 1em;
|
|
padding: 0.5em 1em;
|
|
text-shadow: 0 1px 0 #FFFFFF;
|
|
width: 500px;
|
|
|
|
}
|
|
.bm_desc {
|
|
width:90%;
|
|
}
|
|
.addBm h1 {
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #BABABA;
|
|
}
|
|
|
|
|
|
.addBm fieldset > ul > li {
|
|
margin-top: 1em;
|
|
}
|
|
.addBm label {
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
.addBm .is_public_label {
|
|
display: inline;
|
|
|
|
}
|
|
.addBm fieldset input[type="text"], .addBm textarea {
|
|
width:100%;
|
|
}
|
|
.addBm textarea{
|
|
min-width:250px;
|
|
}
|
|
.addBm .close_btn
|
|
{
|
|
height: 18px;
|
|
margin: -20px 0 0;
|
|
padding: 1px;
|
|
float:right;
|
|
width: 19px;
|
|
}
|
|
.addBm .submit {
|
|
float: right;
|
|
}
|
|
|
|
.addBm ul.tagit { background:white; }
|
|
|
|
.addBm input.ui-autocomplete-input, #tag_filter input.ui-autocomplete-input, .bookmark_form_tags input.ui-autocomplete-input{
|
|
box-shadow:none;
|
|
|
|
}
|
|
|
|
ul.tagit li.tagit-new {
|
|
padding-left: 0em;
|
|
}
|
|
|
|
#tag_select_label{
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
cursor: default;
|
|
}
|
|
|
|
li.tag_list {
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
li.tag_list a {
|
|
display: inline !important;
|
|
padding: 5px 11px 5px 11px !important;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
li.tag_list li:hover > a {
|
|
background: none repeat scroll 0 0 #dee7f8 !important;
|
|
border: 1px solid #cad8f3;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.tag_list em , .share_list em{
|
|
float:right;
|
|
display:block;
|
|
}
|
|
|
|
.tags_actions {
|
|
margin-left: 0.5em;
|
|
display: inline;
|
|
line-height: 44px;
|
|
}
|
|
|
|
.tags_actions > span {
|
|
display:none;
|
|
float:right;
|
|
}
|
|
li:hover > .tags_actions > span {
|
|
display:inline;
|
|
}
|
|
li:hover > .tags_actions > em { display : none; }
|
|
|
|
#tag_filter li, #tag_filter li:hover {
|
|
background: none repeat scroll 0 0 #F8F8F8;
|
|
}
|
|
#tag_filter .tagit {
|
|
display: inline-block;
|
|
margin: 0.3em;
|
|
}
|
|
#tag_filter ul.tagit > li.tagit-new {
|
|
padding:0;
|
|
}
|
|
#tag_filter ul.tagit li.tagit-choice {
|
|
background: none repeat scroll 0 0 #DEE7F8;
|
|
padding: 0.2em 18px 0.2em 0.5em;
|
|
width: auto;
|
|
}
|
|
|
|
#tag_filter a {
|
|
display: inline;
|
|
float: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#tag_filter ul li:hover > a {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#tag_filter ul.tagit li.tagit-choice .close{
|
|
margin-top: -8px;
|
|
cursor: pointer;
|
|
margin-top: -8px;
|
|
right: -5px;
|
|
top: 50%;
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
#tag_filter ul.tagit li.tagit-choice .close span{
|
|
text-align: right;
|
|
}
|
|
|
|
ul.tagit li.tagit-choice .close .text-icon {
|
|
display: block !important;
|
|
}
|
|
|
|
.bookmark_desc{
|
|
height: 1.5em;
|
|
padding-left:1em;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
display:block;
|
|
float:left;
|
|
position: absolute;
|
|
left: 25%;
|
|
width:40%;
|
|
top: 0.7em;
|
|
font-weight:500;
|
|
/* z-index: -10; */
|
|
}
|
|
.bookmark_date, .bookmark_submit {
|
|
font-size:small;
|
|
position: absolute;
|
|
right: 6em;
|
|
color:gray;
|
|
/* margin-top:2.5em; */
|
|
margin-right: 0.2em;
|
|
top:0.8em;
|
|
}
|
|
|
|
/*
|
|
.bm_view_img .bookmark_single:hover .bookmark_url{
|
|
display:block;
|
|
}
|
|
.bm_view_img .bookmark_single .bookmark_url{
|
|
display:block;
|
|
}
|
|
*/
|
|
.bookmark_single:hover .bookmark_url { display: inline; }
|
|
.bookmark_single:hover .bookmark_url a[href]{ color:gray; }
|
|
|
|
.bookmark_url { display: none; }
|
|
.bookmark_form_title {
|
|
float: left;
|
|
width:25%;
|
|
}
|
|
|
|
.bookmark_form_url {
|
|
float:left;
|
|
width:25%;
|
|
}
|
|
|
|
.bookmark_form_tags {
|
|
width:30%;
|
|
float:left;
|
|
}
|
|
|
|
|
|
.bookmark_form_desc {
|
|
width:50%;
|
|
padding-top:100px;
|
|
}
|
|
|
|
.bookmark_form_desc textarea {
|
|
margin-top:-3.4em;
|
|
}
|
|
|
|
.bookmark_form_title input, .bookmark_form_url input {
|
|
width: 89%;
|
|
}
|
|
.bookmark_form_desc textarea {
|
|
width: 94.5%;
|
|
}
|
|
|
|
.bookmark_single .bookmark_edit_btn {
|
|
visibility:hidden;
|
|
width: 16px;
|
|
}
|
|
|
|
.bookmark_single:hover .bookmark_edit_btn {
|
|
visibility: visible;
|
|
}
|
|
|
|
.bookmark_single:focus .bookmark_edit_btn {
|
|
visibility: visible;
|
|
opacity:1;
|
|
}
|
|
|
|
.bookmark_single_form {
|
|
padding: 20px 8px;
|
|
border-bottom: 1px solid #DDD;
|
|
}
|
|
|
|
.bookmark_single_form .tagit{
|
|
/* width: 80%; */
|
|
box-shadow: 0 1px 1px #FFFFFF, 0 1px 0 #BBBBBB inset;
|
|
/* margin: 3px; */
|
|
/* height:6.4em; */
|
|
}
|
|
.bookmark_form_submit {
|
|
margin-left: 4px;
|
|
}
|
|
.bookmark_form_submit .reset {
|
|
float: right;
|
|
}
|
|
|
|
.bm_view_img .bookmark_actions {
|
|
bottom: 0.7em;
|
|
display: block;
|
|
position: absolute;
|
|
right: 1em;
|
|
top: auto;
|
|
}
|
|
|
|
#bm_setting_panel {
|
|
background-color: #eee;
|
|
padding: 1em;
|
|
height: 100%;
|
|
/* display:none; */
|
|
}
|
|
/* .open #bm_setting_panel { display:block; } */
|
|
|
|
#bm_setting_panel legend{
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
#bookmarklet_hint {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
#bm_import {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 90px;
|
|
}
|
|
|
|
#bm_import:hover ~ button#bm_import_submit {
|
|
background-color: rgba(250, 250, 250, 0.9);
|
|
color: #333;
|
|
}
|
|
|
|
#import_bookmark {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#import_bookmark .personalblock {
|
|
margin-top: 1em;
|
|
}
|
|
#app-navigation a.bookmarklet {
|
|
margin-top: 5px;
|
|
padding: 0 5px 2px;
|
|
}
|