Minor changes to style and other stuff.
This commit is contained in:
parent
51f8ed7df7
commit
b67f5e37af
|
|
@ -17,31 +17,31 @@
|
|||
|
||||
|
||||
|
||||
html{
|
||||
html {
|
||||
background-color: #c0c0c0;
|
||||
min-height:100%;
|
||||
position:relative;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
body{
|
||||
color:#fff;
|
||||
min-height:600px;
|
||||
font:14px/1.3 'Segoe UI',Arial, sans-serif;
|
||||
body {
|
||||
color: #fff;
|
||||
min-height: 600px;
|
||||
font: 14px/1.3 'Segoe UI',Arial, sans-serif;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
text-decoration:none;
|
||||
outline:none;
|
||||
color:#54a6de;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: #54a6de;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration:underline;
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
header, footer{
|
||||
display:block;
|
||||
header {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -67,7 +67,7 @@ header{
|
|||
}
|
||||
|
||||
h1{
|
||||
height:40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -82,33 +82,33 @@ h1{
|
|||
#dropbox{
|
||||
background-color: #a0a0a0;
|
||||
|
||||
border-radius:3px;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
margin:80px auto 90px;
|
||||
margin: 80px auto 90px;
|
||||
min-height: 290px;
|
||||
overflow: hidden;
|
||||
padding-bottom: 40px;
|
||||
width: 960px;
|
||||
|
||||
box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
|
||||
#dropbox .message{
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
padding-top:160px;
|
||||
padding-top: 160px;
|
||||
display: block;
|
||||
color: #00487D;
|
||||
}
|
||||
|
||||
#dropbox .message i{
|
||||
color:#00487D;
|
||||
font-size:10px;
|
||||
color: #00487D;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#dropbox:before{
|
||||
border-radius:3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -119,7 +119,7 @@ h1{
|
|||
|
||||
|
||||
|
||||
#dropbox .preview{
|
||||
#dropbox .preview {
|
||||
width:245px;
|
||||
height: 245px;
|
||||
float:left;
|
||||
|
|
@ -128,7 +128,7 @@ h1{
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
#dropbox .preview img{
|
||||
#dropbox .preview img {
|
||||
max-width: 240px;
|
||||
max-height:180px;
|
||||
border:3px solid #fff;
|
||||
|
|
@ -137,12 +137,12 @@ h1{
|
|||
box-shadow:0 0 2px #000;
|
||||
}
|
||||
|
||||
#dropbox .imageHolder{
|
||||
#dropbox .imageHolder {
|
||||
display: inline-block;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#dropbox .uploaded{
|
||||
#dropbox .uploaded {
|
||||
position: absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
|
|
@ -152,7 +152,7 @@ h1{
|
|||
display: none;
|
||||
}
|
||||
|
||||
#dropbox .preview.done .uploaded{
|
||||
#dropbox .preview.done .uploaded {
|
||||
display: block;
|
||||
background: url('../img/success.png') no-repeat center center rgba(255,255,255,0.5);
|
||||
}
|
||||
|
|
@ -170,30 +170,30 @@ h1{
|
|||
|
||||
|
||||
|
||||
#dropbox .progressHolder{
|
||||
#dropbox .progressHolder {
|
||||
position: absolute;
|
||||
background-color:#252f38;
|
||||
height:12px;
|
||||
width:100%;
|
||||
left:0;
|
||||
background-color: #252f38;
|
||||
height: 12px;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 30px;
|
||||
|
||||
box-shadow:0 0 2px #000;
|
||||
box-shadow: 0 0 2px #000;
|
||||
}
|
||||
|
||||
#dropbox .progress{
|
||||
background-color:#2586d0;
|
||||
#dropbox .progress {
|
||||
background-color: #2586d0;
|
||||
position: absolute;
|
||||
height:100%;
|
||||
left:0;
|
||||
width:0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
width: 0;
|
||||
|
||||
box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
|
||||
|
||||
-moz-transition:0.25s;
|
||||
-webkit-transition:0.25s;
|
||||
-o-transition:0.25s;
|
||||
transition:0.25s;
|
||||
-moz-transition: 0.25s;
|
||||
-webkit-transition: 0.25s;
|
||||
-o-transition: 0.25s;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
#dropbox .preview.done .progress{
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>No Chicks Allowed: Image Repository</title>
|
||||
<meta charset="utf-8" />
|
||||
<!-- <link rel="stylesheet" type="text/css" media="all" href="css/html5reset-1.6.1.css" /> -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/html5reset-1.6.1.css" />
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
|
|
@ -13,11 +13,11 @@
|
|||
|
||||
<body>
|
||||
<header>
|
||||
<h1>NCA Screens</h1>
|
||||
<h1>title or navigation or something</h1>
|
||||
</header>
|
||||
|
||||
<div id="dropbox">
|
||||
<span class="message">Drop images here to upload. <br /></span>
|
||||
<span class="message">Drop images here to upload.</span>
|
||||
</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ if(array_key_exists('image', $_FILES)) {
|
|||
error('file extension error.');
|
||||
}
|
||||
|
||||
|
||||
// need to find the next available id and save the file.
|
||||
|
||||
if(move_uploaded_file($file['tmp_name'], UPLOADS . $file['name'])) {
|
||||
echo json_encode(array('type'=>'success','status'=>'Uploaded successfully','file'=>'http://screens.p5dev.com/' . UPLOADS . $file['name']));
|
||||
|
|
|
|||
Loading…
Reference in New Issue