Homec4science
Diffusion Phabricator (stable) Browse

phab/webroot/rsrc/css/application/pholio/pholio-edit.css
74ded4c1c5d7stable

Last Change
Raw File

pholio-edit.css
View Options

/**
* @provides pholio-edit-css
*/
.pholio-uploaded-image {
margin: 0 0 12px 0;
overflow: hidden;
}
.pholio-uploaded-image .thumb-box {
border: 1px solid #D5D9DF;
border-radius: 3px;
min-width: 280px;
width: 48%;
float: left;
text-align: center;
}
.pholio-uploaded-image .image-data {
width: 48%;
float: right;
}
.pholio-uploaded-image .thumb-box .title {
width: 100%;
float: left;
background: #EDF0F4;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: 1px solid #D5D9DF;
}
.pholio-uploaded-image .thumb-box .thumb {
background: white;
padding: 12px 0px 0px 0px;
width: 100%;
}
.pholio-uploaded-image .thumb-box .thumb img {
margin: 0 auto;
}
.pholio-uploaded-image .thumb-box .title .text {
width: 220px;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 6px 0px 0px 8px;
}
.pholio-uploaded-image .thumb-box .title .remove {
float: right;
}
.pholio-uploaded-image .thumb-box .title .remove .button {
background: #EDF0F4;
border: none;
}
.pholio-uploaded-image .thumb-box .title .remove .button:hover {
box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.pholio-uploaded-image .image-data .aphront-form-control {
padding: 0px 0px 4px 4px;
}
.pholio-uploaded-image .image-data .aphront-form-label {
text-align: left;
margin: 0px 0px 5px 0px;
}
.pholio-uploaded-image .image-data .aphront-form-input {
margin: 0;
width: 100%;
}
.aphront-form-input .aphront-form-drag-and-drop-file-list {
float: left;
width: 100%;
}
.aphront-form-input .aphront-form-drag-and-drop-file-list
.drag-and-drop-file-target {
padding: 20px;
clear: both;
}
.pholio-edit-drop {
border-width: 1px;
border-style: dashed;
border-color: #999999;
text-align: center;
padding: 16px;
color: #666666;
}
.pholio-edit-drop.pholio-drop-active {
border-color: {$green};
background-color: {$lightgreen};
}
.pholio-drop-uploading {
padding: 24px;
text-align: center;
border: 1px solid #bbbbbb;
background: #fcfcfc;
color: #666666;
margin-bottom: 12px;
}
.pholio-drop-undo {
padding: 8px;
margin-bottom: 12px;
text-align: center;
color: #333333;
border: 1px solid {$yellow};
background-color: {$lightyellow};
}
.pholio-drop-undo a {
font-weight: bold;
}
c4science · Help