mirror of
https://github.com/pierre42100/comunic
synced 2024-09-29 03:22:49 +00:00
177 lines
4.9 KiB
CSS
177 lines
4.9 KiB
CSS
|
*{
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
}
|
||
|
body {
|
||
|
background-color:#74b1d1;
|
||
|
color:#fff;
|
||
|
font:14px/1.3 Arial,sans-serif;
|
||
|
}
|
||
|
header {
|
||
|
background-color:#212121;
|
||
|
box-shadow: 0 -1px 2px #111111;
|
||
|
display:block;
|
||
|
height:70px;
|
||
|
position:relative;
|
||
|
width:100%;
|
||
|
z-index:100;
|
||
|
}
|
||
|
header h2{
|
||
|
font-size:22px;
|
||
|
font-weight:normal;
|
||
|
left:50%;
|
||
|
margin-left:-400px;
|
||
|
padding:22px 0;
|
||
|
position:absolute;
|
||
|
width:540px;
|
||
|
}
|
||
|
header a.stuts,a.stuts:visited{
|
||
|
border:none;
|
||
|
text-decoration:none;
|
||
|
color:#fcfcfc;
|
||
|
font-size:14px;
|
||
|
left:50%;
|
||
|
line-height:31px;
|
||
|
margin:23px 0 0 110px;
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
}
|
||
|
header .stuts span {
|
||
|
font-size:22px;
|
||
|
font-weight:bold;
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
.container {
|
||
|
overflow:hidden;
|
||
|
width:960px;
|
||
|
margin:20px auto;
|
||
|
}
|
||
|
.contr {
|
||
|
background-color:#212121;
|
||
|
padding:10px 0;
|
||
|
text-align:center;
|
||
|
|
||
|
border-radius:10px 10px 0 0;
|
||
|
-moz-border-radius:10px 10px 0 0;
|
||
|
-webkit-border-radius:10px 10px 0 0;
|
||
|
}
|
||
|
|
||
|
.upload_form_cont {
|
||
|
background: -moz-linear-gradient(#ffffff, #f2f2f2);
|
||
|
background: -ms-linear-gradient(#ffffff, #f2f2f2);
|
||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
|
||
|
background: -webkit-linear-gradient(#ffffff, #f2f2f2);
|
||
|
background: -o-linear-gradient(#ffffff, #f2f2f2);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
|
||
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";
|
||
|
background: linear-gradient(#ffffff, #f2f2f2);
|
||
|
|
||
|
color:#000;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
#upload_form {
|
||
|
float:left;
|
||
|
padding:20px;
|
||
|
width:700px;
|
||
|
}
|
||
|
#preview {
|
||
|
background-color:#fff;
|
||
|
display:block;
|
||
|
float:right;
|
||
|
width:200px;
|
||
|
}
|
||
|
#upload_form > div {
|
||
|
margin-bottom:10px;
|
||
|
}
|
||
|
#speed,#remaining {
|
||
|
float:left;
|
||
|
width:100px;
|
||
|
}
|
||
|
#b_transfered {
|
||
|
float:right;
|
||
|
text-align:right;
|
||
|
}
|
||
|
.clear_both {
|
||
|
clear:both;
|
||
|
}
|
||
|
input {
|
||
|
border-radius:10px;
|
||
|
-moz-border-radius:10px;
|
||
|
-ms-border-radius:10px;
|
||
|
-o-border-radius:10px;
|
||
|
-webkit-border-radius:10px;
|
||
|
|
||
|
border:1px solid #ccc;
|
||
|
font-size:14pt;
|
||
|
padding:5px 10px;
|
||
|
}
|
||
|
input[type=button] {
|
||
|
background: -moz-linear-gradient(#ffffff, #dfdfdf);
|
||
|
background: -ms-linear-gradient(#ffffff, #dfdfdf);
|
||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
|
||
|
background: -webkit-linear-gradient(#ffffff, #dfdfdf);
|
||
|
background: -o-linear-gradient(#ffffff, #dfdfdf);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf');
|
||
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf')";
|
||
|
background: linear-gradient(#ffffff, #dfdfdf);
|
||
|
}
|
||
|
#image_file {
|
||
|
width:335px;
|
||
|
}
|
||
|
#progress_info {
|
||
|
font-size:10pt;
|
||
|
}
|
||
|
#fileinfo,#error,#error2,#abort,#warnsize {
|
||
|
color:#aaa;
|
||
|
display:none;
|
||
|
font-size:10pt;
|
||
|
font-style:italic;
|
||
|
margin-top:10px;
|
||
|
}
|
||
|
#progress {
|
||
|
border:1px solid #ccc;
|
||
|
display:none;
|
||
|
float:left;
|
||
|
height:14px;
|
||
|
|
||
|
border-radius:10px;
|
||
|
-moz-border-radius:10px;
|
||
|
-ms-border-radius:10px;
|
||
|
-o-border-radius:10px;
|
||
|
-webkit-border-radius:10px;
|
||
|
|
||
|
background: -moz-linear-gradient(#66cc00, #4b9500);
|
||
|
background: -ms-linear-gradient(#66cc00, #4b9500);
|
||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
|
||
|
background: -webkit-linear-gradient(#66cc00, #4b9500);
|
||
|
background: -o-linear-gradient(#66cc00, #4b9500);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
|
||
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
|
||
|
background: linear-gradient(#66cc00, #4b9500);
|
||
|
}
|
||
|
#progress_percent {
|
||
|
float:right;
|
||
|
}
|
||
|
#upload_response {
|
||
|
margin-top: 10px;
|
||
|
padding: 20px;
|
||
|
overflow: hidden;
|
||
|
display: none;
|
||
|
border: 1px solid #ccc;
|
||
|
|
||
|
border-radius:10px;
|
||
|
-moz-border-radius:10px;
|
||
|
-ms-border-radius:10px;
|
||
|
-o-border-radius:10px;
|
||
|
-webkit-border-radius:10px;
|
||
|
|
||
|
box-shadow: 0 0 5px #ccc;
|
||
|
background: -moz-linear-gradient(#bbb, #eee);
|
||
|
background: -ms-linear-gradient(#bbb, #eee);
|
||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #eee));
|
||
|
background: -webkit-linear-gradient(#bbb, #eee);
|
||
|
background: -o-linear-gradient(#bbb, #eee);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee');
|
||
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee')";
|
||
|
background: linear-gradient(#bbb, #eee);
|
||
|
}
|