b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
143 lines
2.4 KiB
CSS
Executable file
143 lines
2.4 KiB
CSS
Executable file
ul {
|
|
list-style: none;
|
|
padding: 0 0 0 0;
|
|
margin: 0;
|
|
}
|
|
|
|
ul section {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul h2 {
|
|
position: sticky;
|
|
position: -webkit-sticky;
|
|
top: 0px;
|
|
height: 32px;
|
|
|
|
margin: 0;
|
|
padding: 0 6px;
|
|
box-sizing: border-box;
|
|
|
|
font-size: 0.9em;
|
|
line-height: 32px;
|
|
|
|
background: #efefef;
|
|
border-bottom: 1px #bcbcbc solid;
|
|
|
|
z-index: 100;
|
|
}
|
|
|
|
ul .background {
|
|
position: absolute;
|
|
width: 100%;
|
|
|
|
background: linear-gradient(to bottom, transparent 0px, transparent 45px, #EDEDED 45px, #EDEDED 70px, transparent 20px),
|
|
linear-gradient(to bottom, transparent 0px, transparent 15px, #EDEDED 15px, #EDEDED 25px, transparent 20px),
|
|
linear-gradient(to top, #bcbcbc, #bcbcbc 1px, white 1px, white);
|
|
background-position: 20% 88px, 5% -88px, 0 -88px;
|
|
background-size: 90% 88px, 60% 88px, 100% 88px;
|
|
background-repeat: repeat-y;
|
|
|
|
z-index: 0;
|
|
}
|
|
|
|
ul.reordering .background {
|
|
background: linear-gradient(to top, #bcbcbc, #bcbcbc 1px, white 1px, white);
|
|
background-position: 0 -88px;
|
|
background-size: 100% 88px;
|
|
}
|
|
|
|
ul li {
|
|
width: 100%;
|
|
height: 88px;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
|
|
-moz-user-select: none;
|
|
|
|
background: white;
|
|
border-bottom: 1px #bcbcbc solid;
|
|
|
|
z-index: 10;
|
|
}
|
|
|
|
ul li h3 {
|
|
margin: 0;
|
|
padding: 9px 6px 3px 6px;
|
|
background: white;
|
|
|
|
color: #424242;
|
|
|
|
pointer-events: none;
|
|
}
|
|
|
|
ul li p {
|
|
margin: 0;
|
|
padding: 3px 6px 10px 6px;
|
|
background: white;
|
|
|
|
color: #797979;
|
|
|
|
pointer-events: none;
|
|
}
|
|
|
|
li.new {
|
|
opacity: 0;
|
|
}
|
|
|
|
li .overlay {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: calc(100% - 2px);
|
|
|
|
background: rgba(255, 255, 255, 0.7);
|
|
|
|
opacity: 0;
|
|
animation-duration: 0.2s;
|
|
animation-timing-function: ease-in;
|
|
animation-fill-mode: both;
|
|
|
|
-webkit-animation-duration: 0.2s;
|
|
-webkit-animation-timing-function: ease-in;
|
|
-webkit-animation-fill-mode: both;
|
|
|
|
pointer-events: none;
|
|
}
|
|
|
|
li.edit .overlay {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.overlay .cursor {
|
|
margin: 17px auto;
|
|
padding: 0;
|
|
width: 50px;
|
|
height: 50px;
|
|
|
|
text-align: center;
|
|
line-height: 50px;
|
|
font-size: 25px;
|
|
color: #0b0b0b;
|
|
|
|
border-radius: 8px;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
-moz-user-select: none;
|
|
}
|
|
|
|
li.dragging {
|
|
transition: transform 0s linear;
|
|
-webkit-transition: -webkit-transform 0s linear;
|
|
}
|
|
|
|
li.dragging .overlay {
|
|
opacity: 0;
|
|
}
|
|
|
|
li[data-populated=false] {
|
|
opacity: 0;
|
|
}
|