mirror of https://github.com/perkeep/perkeep.git
121 lines
2.5 KiB
CSS
121 lines
2.5 KiB
CSS
/*
|
|
Copyright 2013 The Camlistore Authors
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
/* Tile view of BlobItem */
|
|
.cam-blobitem {
|
|
display: inline-block;
|
|
}
|
|
|
|
.cam-blobitem>a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.cam-blobitem-thumbclip {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cam-blobitem-loading {
|
|
background-color: rgb(240, 240, 240);
|
|
}
|
|
|
|
.cam-blobitem-thumb {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.cam-blobitemcontainer-50 .cam-blobitem-thumbtitle {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.cam-blobitemcontainer-75 .cam-blobitem-thumbtitle {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cam-blobitemcontainer-100 .cam-blobitem-thumbtitle {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cam-blobitemcontainer-150 .cam-blobitem-thumbtitle {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.cam-blobitemcontainer-200 .cam-blobitem-thumbtitle {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.cam-blobitemcontainer-250 .cam-blobitem-thumbtitle {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.cam-blobitem-thumbtitle {
|
|
color: #222;
|
|
font-size: 0.8em;
|
|
overflow: hidden;
|
|
padding: 0 1ex;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
}
|
|
|
|
.cam-blobitem.cam-blobitem-image .cam-blobitem-thumbtitle {
|
|
display: none;
|
|
}
|
|
|
|
.cam-blobitem.cam-dropactive {
|
|
border: 1px solid #acf!important;
|
|
outline: 1px solid #acf!important;
|
|
background: #e5efff;
|
|
}
|
|
|
|
.cam-blobitem .checkmark {
|
|
background-image: url('checkmark2.svg');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
cursor: pointer;
|
|
height: 25px;
|
|
left: 5px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 5px;
|
|
transition: opacity 0.2s ease;
|
|
width: 25px;
|
|
z-index: 2;
|
|
|
|
/* To force us into a graphics layer, otherwise we get weird effects as we transition in and out of one during animation. See: https://code.google.com/p/camlistore/issues/detail?id=284. */
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
.cam-blobitem.goog-control-disabled .checkmark {
|
|
display: none;
|
|
}
|
|
|
|
.cam-blobitem.goog-control-hover .checkmark {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.cam-blobitem.goog-control-hover .checkmark:hover {
|
|
opacity: 1!important;
|
|
}
|
|
|
|
.cam-blobitem.goog-control-checked .checkmark {
|
|
opacity: 1!important;
|
|
}
|
|
|
|
.cam-blobitem.goog-control-checked .checkmark {
|
|
background-image: url('checkmark2_blue.svg');
|
|
}
|