szurubooru/public_html/media/css/upload.css

158 lines
2.2 KiB
CSS
Raw Normal View History

2013-10-07 00:44:17 +02:00
.items .item {
width: 30%;
float: left;
}
.items .sep {
width: 3%;
float: left;
}
.tab {
margin-bottom: 1em;
}
.tab.url {
display: none;
}
2013-10-07 00:44:17 +02:00
#file-handler-wrapper {
display: table;
width: 100%;
}
#file-handler {
cursor: pointer;
font-size: 150%;
text-align: center;
vertical-align: middle;
height: 8em;
2013-10-07 00:44:17 +02:00
display: table-cell;
2013-10-12 12:38:49 +02:00
border: 3px dashed #ddd;
2013-10-07 00:44:17 +02:00
}
#file-handler.active {
background: #eee;
border-color: firebrick;
}
2013-10-25 09:40:33 +02:00
#url-handler textarea {
width: 100%;
height: 10em;
margin-bottom: 0.5em;
2013-10-25 09:40:33 +02:00
}
2013-10-07 00:44:17 +02:00
.post .thumbnail {
width: 100px;
height: 100px;
line-height: 100px;
2013-10-22 23:40:36 +02:00
background-image: url('../img/thumb.png');
background-size: 100px 100px;
2013-10-07 00:44:17 +02:00
border: 1px solid black;
vertical-align: middle;
text-align: center;
display: block;
float: left;
margin-right: 10px;
2013-10-07 00:44:17 +02:00
}
2013-10-09 00:58:49 +02:00
.post .alert,
#upload-step2,
2013-10-07 00:44:17 +02:00
#post-template {
display: none;
}
.post {
margin: 2em 0;
2013-10-07 00:44:17 +02:00
}
2013-10-19 16:16:09 +02:00
.post .ops {
2013-10-07 00:44:17 +02:00
float: right;
2013-10-19 16:16:09 +02:00
}
.post .ops a {
cursor: pointer;
margin-left: 0.5em;
2013-10-07 00:44:17 +02:00
vertical-align: middle;
}
2013-10-19 16:16:09 +02:00
.post a span {
2013-10-07 00:44:17 +02:00
margin-left: 0.25em;
vertical-align: middle;
2013-10-19 16:16:09 +02:00
}
.post .move-up-trigger,
.post .move-down-trigger {
color: rgba(0, 64, 128, 0.5);
}
.post .move-up-trigger:hover,
.post .move-down-trigger:hover {
color: #00f;
}
.post .move-up-trigger span,
.post .move-down-trigger span {
color: rgba(0, 64, 128, 1);
}
.post:first-child .move-up-trigger {
display: none;
}
.post:last-child .move-down-trigger {
display: none;
}
.post .remove-trigger {
color: rgba(128, 0, 0, 0.5);
}
.post .remove-trigger:hover {
color: #f00;
}
.post .remove-trigger span {
2013-10-07 00:44:17 +02:00
color: rgba(128, 0, 0, 1);
font-size: 130%;
}
.post label {
line-height: 33px;
}
.post label.left {
display: inline-block;
width: 60px;
padding-right: 10px;
2013-10-09 13:37:00 +02:00
float: left;
2013-10-07 00:44:17 +02:00
}
.post .safety label:not(.left) {
margin-right: 0.75em;
}
.post .file-name strong {
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%;
display: inline-block;
vertical-align: middle;
2013-10-09 13:37:00 +02:00
line-height: 33px;
2013-10-07 00:44:17 +02:00
}
.safety-sfw {
color: #63ca63;
}
.safety-sketchy {
color: #f4c657;
}
.safety-nsfw {
color: #df4b0d;
}
ul.tagit {
2013-10-09 13:37:00 +02:00
display: block;
2013-10-07 00:44:17 +02:00
vertical-align: middle;
margin: 0;
font-size: 1em;
}
#the-submit {
margin: 0 0 0 205px;
2013-10-07 00:44:17 +02:00
}
.post .form-wrapper {
overflow: hidden;
}