mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Small css cleaning for preview film

Browse Source
This commit is contained in:
Vince 2012-09-07 23:24:48 +02:00
parent b824207d1d
commit 6a0ba8acfe
2 changed files with 46 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
css/preview-film-section.css Normal file
View File

@ -0,0 +1,44 @@
.preview-list {
list-style-type: none;
}
.preview-tile {
padding : 10px;
overflow: hidden;
background-color: gray;
}
.preview-tile .canvas-container {
float: left;
}
.preview-tile .tile-view {
float: left;
border: blue 1px solid;
}
.preview-tile .tile-action {
display: none;
float: right;
}
.preview-tile:hover .tile-action {
display: block;
}
.preview-tile:hover {
background-color: lightgray;
}
.preview-tile.selected {
background-color: lightyellow;
}
.preview-tile.droppable-active {
background-color: pink;
}
.preview-tile.droppable-hover-active {
background-color: yellow;
}

3
index.html
View File

@ -12,6 +12,7 @@
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/tools.css">
<link rel="stylesheet" href="css/preview-film-section.css">
</head>
@ -56,7 +57,7 @@
<div class='left-nav'>
<!-- List of frames: -->
<ul id="preview-list"></ul>
<ul class="preview-list" id="preview-list"></ul>
</div>
<div class='main-panel'>